Highlighted

SpryAssets/SpryEffects.js does not work on localhost (Wampserver - to test)

Explorer ,
Aug 09, 2018

Copy link to clipboard

Copied

This works perfectly on any browser for www.danielpisters.be:

    <link rel="stylesheet" href="stylesheets/nivo-slider.css" type="text/css" media="screen" />

    <link rel="stylesheet" href="stylesheets/slider-themes/default/default.css" type="text/css" media="screen" />

    <link>

    <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>

   

    <script type="text/javascript">

  function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)

  {

  for (var i=0; i< targetElement.length; i++)

  {

Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});

  }

  }

    </script>

    <section class="sixteen columns">

      <div class="slider-wrapper theme-default" align="center">

          <div id="slider" class="nivoSlider" align="center">

                <img src="images/slider/CriquetdelaLune.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/Dresseur d'aigle.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/Dame Blanche.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/CyberPoeInMael.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/discovery10.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/Nainange.jpg" height="600" width="800" alt=""/>

                <!-- <img src="images/slider/sapinsgn.jpg" height="600" width="800" alt=""/> -->

            </div>

        </div>

    </section>

On the localhost, nothing appears. Why?

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Adobe removed Spry from DW in late 2012 -- 6 years after it was introduced. 

I use jQuery framework instead of Spry.   jQuery is in constant development by a large community of users.  It's also very well documented.

Views

536

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

SpryAssets/SpryEffects.js does not work on localhost (Wampserver - to test)

Explorer ,
Aug 09, 2018

Copy link to clipboard

Copied

This works perfectly on any browser for www.danielpisters.be:

    <link rel="stylesheet" href="stylesheets/nivo-slider.css" type="text/css" media="screen" />

    <link rel="stylesheet" href="stylesheets/slider-themes/default/default.css" type="text/css" media="screen" />

    <link>

    <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>

   

    <script type="text/javascript">

  function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)

  {

  for (var i=0; i< targetElement.length; i++)

  {

Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});

  }

  }

    </script>

    <section class="sixteen columns">

      <div class="slider-wrapper theme-default" align="center">

          <div id="slider" class="nivoSlider" align="center">

                <img src="images/slider/CriquetdelaLune.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/Dresseur d'aigle.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/Dame Blanche.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/CyberPoeInMael.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/discovery10.jpg" height="600" width="800" alt=""/>

                <img src="images/slider/Nainange.jpg" height="600" width="800" alt=""/>

                <!-- <img src="images/slider/sapinsgn.jpg" height="600" width="800" alt=""/> -->

            </div>

        </div>

    </section>

On the localhost, nothing appears. Why?

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Adobe removed Spry from DW in late 2012 -- 6 years after it was introduced. 

I use jQuery framework instead of Spry.   jQuery is in constant development by a large community of users.  It's also very well documented.

Views

537

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 09, 2018 0
Adobe Community Professional ,
Aug 09, 2018

Copy link to clipboard

Copied

You have a fair number of structural errors in your html that need to be addressed. HTML errors can cause all kinds of display issues. Run your page at http://validator.w3.org/nu to get a listing. The issue may clear up once the errors are fixed.

Another possibility, your browser (especially Chrome) could be caching your local page. Make sure to clear the browser cache and test again, or, in Chrome, hit F12 to turn on the developer tools, click the "Network" heading and check the box for "Disable cache" then reload (leave dev tools open) to see the page without cache.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2018 2
Explorer ,
Aug 09, 2018

Copy link to clipboard

Copied

The "structural errors" are already highlighted by DW. I'll try to correct it and see the result.

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2018 0
Adobe Community Professional ,
Aug 09, 2018

Copy link to clipboard

Copied

  • Are you aware that there is no top navigation on tablet and mobile devices? 
  • On Line 58 of source code, you have a 2nd & older document type declaration that does not belong there.
  • As Chris said, Spry is gone.  Adobe hasn't done anything with Spry since 2006.  On the web, that's an eon.
  • I noticed you're using Skeleton framework.   You might want to review this tutorial. https://webdesign.tutsplus.com/tutorials/building-html-page-structure-with-skeleton--cms-23253
Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2018 0
Enthusiast ,
Aug 09, 2018

Copy link to clipboard

Copied

First, do what Jon suggested.

Now, I'm not sure if you are comparing the same HTML, but I suspect you may not be working with the same code that is live. Above, you quoted the Spry script as:

     <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>

In the code for your live home page, the code is:

     <script src="/SpryAssets/SpryEffects.js" type="text/javascript"></script>

Examining the two reveals a forward slash ("/") in front of the folder and file name, indicating a particular directory location. That could be what is throwing it off.

Finally, you do realize that Spry has been deprecated and is no longer supported?

Chris

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2018 0
Explorer ,
Aug 10, 2018

Copy link to clipboard

Copied

Nancy & cdeatherage,

Before asking the question, cdeatherage I verified that it wasn't already answered someway in this forum. It was the case for the deprecated status of SpryEffects, but those continual changes presented as improvements are boring, so that I am not very eager to join the "movement". But in the sad perspective I should change my code anyway, what would be the best way to do it, Nancy?  The most compact, standard and modular ? Via JQuery I felt like I had read it somewhere. About the forward "shas", It does not have any bad effect

cdeatherage: As for the "/", it has a bad effect only in the test version on Wampserver, so that I deleted it in all directory references in the code for testing on this Wampserver. Why this difference with the server I use www.danielpisters.be, where this forward slash has no effect? I guess not putting it is about making an absolute reference. Otherwise you have to write  ".. / " etc.

Nancy :

. I work only for PC. Smartphone, tablet do not matter for me (for the moment at least, but I would prefer to avoid having to program for those child-toys).

. Line 58 of which file please?

. Spry is gone, perhaps, but spry is still a well working ghost, but when the ghost will be gone at its turn, I repeated my question:

Which the most compact (minimum of code), standard and modular method to replace it? Via JQuery I felt like I had read it somewhere. About the forward "slash", It does not have any bad effect with www.danielpisters.be server.

. Spry is a ghost, ok, but i'am not too reluctant to work with still working ghosts. When this ghost will disappear completely at its turn,  I repeat my question: which is the most compact, standard and modular way to replace it? Via JQuery I felt like I had read it somewhere.

. I'll read building-page-structure-with-skeleton you advice me the reading, but could you give me in the meanwhile a clue to understand the defect of "my" skeleton?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 10, 2018 0
Adobe Community Professional ,
Aug 10, 2018

Copy link to clipboard

Copied

  • I work on a local Wamp server. The root directory of that server is C:\wamp\www
  • Branching from that root directory are my sites as in C:\wamp\www\mySite
  • If I use a root relative link in mySite as in /aboutus.html, the server will look for that document in C:\wamp\www and we both know that it is in C:\wamp\www\mySite

  • On the remote server, the root directory is (this varies according to the server setup) /www/
  • Branching from this root directory are the documents as in /www/aboutus.html
  • If I use a root relative link in /www/ as in /aboutus.html, the server will look for the document in /www/ and we both know that this is where the document is located.

To make the links work in both environments, it is better to use document relative links as in aboutus.html

As for Spry, I have a number of sites that use the framework. The only problem that I have found is related to the menubar which does not cater for touch screens. Apart from that, there is nothing wrong with using Spry and I lament its demise.

What is worrying about your site is expressed in this link, Showing results for http://www.danielpisters.be/ - Nu Html Checker. There is a need to rectify the Errors for the site to work properly. Nancy has already pointed to line 58, which is probably the worst of all of the errors.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 10, 2018 2
Adobe Community Professional ,
Aug 10, 2018

Copy link to clipboard

Copied

#1 Fix your code errors.   The page is not fully loading properly until you do.

#2 I use jQuery.  It's the most popular JavaScript framework on the planet.

#3  More people use mobile & tablet devices now than ever before.  Websites can't afford to ignroe them.  

Mobile-Friendly Test - Google Search Console

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 10, 2018 1
Explorer ,
Aug 10, 2018

Copy link to clipboard

Copied

"there is nothing wrong with using Spry and I lament its demise." I too

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 10, 2018 0
Explorer ,
Aug 10, 2018

Copy link to clipboard

Copied

Nancy,

It seems to me that I understand very well the skeleton approach such as it is presented in building-page-structure-with-skeleton.

People using smartphone and tablet, I can afford to ignore them momentarily in order to set my focus on other problems.

Spry is dead, what a pity. You don't still have answer to my question: how to replace it, by which method or component?

I am used to work according with an (at least) as so structured approach  with VB6 (semi-oriented object), C++ & C#, using among others Design Patterns (from the Gang of Four). Sql-Forms 3.0 and Forms 4.5 (and more...)  of Oracle, form generators working downstream from the CASE Designer, CASE Dictionary specifications and so forth. Skeleton approach seems to be rudimentary in comparison to what these case tools were offering as possibilities as well as in terms of the rigor of the approach. Web programming introduces something like a mess in comparison with all of that, hélas...

About SpryEffects.js, Adobe DW C6 integrated it still in its "framework" when I bought the product (in 2012). You  learn me that it was already considered and pointed out as deprecated since 2006! Where is the logic in that?!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 10, 2018 0
Adobe Community Professional ,
Aug 10, 2018

Copy link to clipboard

Copied

Adobe removed Spry from DW in late 2012 -- 6 years after it was introduced. 

I use jQuery framework instead of Spry.   jQuery is in constant development by a large community of users.  It's also very well documented.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 10, 2018 1