Skip to main content
N
nicoled94356575
Known Participant
August 9, 2018
Answered

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

  • August 9, 2018
  • 2 replies
  • 1271 views

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?

This topic has been closed for replies.
Correct answer Nancy OShea

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?!


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.

2 replies

C
cdeatherage
Inspiring
August 9, 2018

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

N
nicoled94356575Author
Known Participant
August 10, 2018

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?

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
August 10, 2018
  • 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.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    August 9, 2018

    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.

      N
      nicoled94356575Author
      Known Participant
      August 9, 2018

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

      Thanks

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      August 9, 2018
      • 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— Product User & Community Expert
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices