Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to give all my web page links opening delay?
    primarykey
    data
    text
    <p>I'd like to know if anyone has had any experience with time delays? I'm trying to get all my global links to open with a time delay. Just to give it an artistic effect, make it swap pages more smoothly.But for some reason I cannot get it working. I'd appreciate any help I can get. </p> <p><strong>HTML:</strong></p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html lang="en-US"&gt; &lt;head&gt; &lt;meta charset="utf8" /&gt; &lt;link rel="stylesheet" type="text/css" media="all" href="css/mainstyle.css"/&gt; &lt;meta name="viewport" content="initial-scale=1" /&gt; &lt;title&gt; Redneck Rampage &lt;/title&gt; &lt;/head&gt; &lt;body class="filter"&gt; &lt;div id="background"&gt; &lt;div id="wrapper"&gt; &lt;div class="navigation"&gt; &lt;ul id="mainmenu"&gt; &lt;li class="active"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="band.html"&gt;Band&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="news.html"&gt;News&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="shows.html"&gt;Shows&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="music.html"&gt;Music&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="media.html"&gt;Media&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="store.html"&gt;Store&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="footer homepage"&gt; &lt;p class="rednecks"&gt;Website and Contents &amp;copy; Redneck Rampage 2013. &lt;/p&gt; &lt;p class="signature"&gt;Designed by Martin Metsalu &lt;/p&gt; &lt;ul id="footermenu"&gt; &lt;li&gt;&lt;a href="terms.html"&gt;Terms of use&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="privacy.html"&gt;Privacy Policy&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="socialplugins"&gt; &lt;div class="test"&gt;&lt;a href="#"&gt;&lt;img src="IMG/soundcloud.png" alt="plugin#1" &gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="test"&gt;&lt;a href="#"&gt;&lt;img src="IMG/youtube.png" alt="plugin#2"&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="test"&gt;&lt;a href="#"&gt;&lt;img src="IMG/myspace.png" alt="plugin#3"&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="test"&gt;&lt;a href="#"&gt;&lt;img src="IMG/facebook.png" alt="plugin#4"&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>JQUERY:</strong></p> <pre><code> $('a').click(function(e) { $('a[href*="/steve"]').each(function(index) { setTimeout( function(href){window.open(href)}, (index+1)*5000, $(this).attr('href') ); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload