Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Online slider doesn't work, but offline it does

Featured Replies

Hello,

 

i've got a problem with my slider.

 

If i open it offline in my safari browser it works great:

 

post-42057-0-55821300-1347642204_thumb.png

 

but i just uploaded all the HTML files and now it isn't working well.

 

post-42057-0-22629600-1347642258_thumb.png

 

The website is coded with pure HTML, no database no php no cms.

 

What would be the problem?

 

This is the code:

 

 

Edited by Renaissance-Design
Unreadable code removed

If you want people to be able to read and comment on your code, use the code button on the editor (the one marked <>). The code button will syntax highlight your code, and any URLs posted without using the code button are mangled by the forum software.

  • Author

Ok i'm sorry. This is the code

 

<!DOCTYPE HTML>
<!--[if IE 7 ]>    <html class="ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
   <meta charset="utf-8" />
   <title>Home</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
   <meta name="description" content="" />
   <meta name="author" content="" />
   <!-- CSS styles -->
   <link href="css/mentor.min.css" rel="stylesheet"/>
   <!--Skins: uncomment to activate-->
   <link href="css/compusell.css" rel="stylesheet"/>
   <!--<link href="css/skin_orange.css" rel="stylesheet"/>-->



<!-- http://remysharp.com/2009/01/07/html5-enabling-script/ -->
<!--[if lt IE 9]>
 <script type="text/javascript">/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark meter nav output progress section summary subline time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/</script>
<![endif]-->
<script type="text/javascript">(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
   <!-- favicon & iSO touch icons -->
   <link rel="shortcut icon" href="favicon.jpg" />
</head>
<body>
<script language=Javascript>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Copyright Compusell!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

   <!--header and menu-->
   <header class="navbar navbar-fixed-top" id="top">
 <div class="navbar-inner">
  <div class="container">
   <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 <span class="btnTitle">Menu</span>
 <span class="icon-chevron-down icon-white"></span>
   </a>
   <a class="brand" href="index.html" title="Home"><img src="img/content/logo.png" alt="mentor" /></a>
   <div class="nav-collapse">

  <!--social media icons-->
			  <div class="smedia">

			    <span>Bel ons op 0315 - 640203</span>


			  </div>

 <!--main nav-->
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
 <a href="#">Computers<b class="caret"></b></a>
 <ul class="dropdown-menu"> 
  <li><a href="desktops.html">Desktops</a></li>
  <li><a href="laptops.html">Laptops</a></li>
  <li><a href="netbooks.html">Netbooks</a></li>
  <li><a href="tablets.html">Tablets</a></li>

  </ul> 
<li><a href="telecom.html">Telecom</a></li> 
<li><a href="netwerkbeheer.html">Netwerkbeheer</a></li>

<li><a href="reparatie.html">Reparaties</a></li>
<li><a href="websites.html">Websites</a></li>

<li><a href="prijslijst.html">Prijslijst</a></li>

<li class="dropdown">
<a href="contact.html">Contact<b class="caret"></b></a>
<ul class="dropdown-menu"> 
<li><a href="contact.html">Contactgegevens</a></li>
<li><a href="overons.html">Over ons</a></li>
<li><a href="reparatie.html">Reparatieformulier</a></li>
</ul>



<li class="last"><a href="links.html">Links</a></li>

</ul>
<!--end main nav-->


   </div><!--end main menu-->

  </div>
 </div>
   </header>

   <!--main tagline area-->
   <section class="taglineWrap">
 <div class="container">
  <div class="row-fluid sliderWrap">
   <div class="span12">

 <!--start slider-->
 <div class="peVolo" data-autopause="enabled">

  <div data-delay="3" class="visible">
   <a href="desktops.html"><img src="img/content/slider/slide1.jpg" alt="Image" /></a>
  </div>
  <div data-delay="3">
   <a href="telecom.html"><img src="img/content/slider/slide2.jpg" alt="Image" /></a>
  </div>
  <div data-delay="3">
   <a href="websites.html"><img src="img/content/slider/slide3.jpg" alt="Image" /></a>
  </div>	 
  <div data-delay="3">
   <a href="contact.html"><img src="img/content/slider/slide4.jpg" alt="Image" /></a>
  </div>
  <div data-delay="3">
   <a href="cartridges.html"><img src="img/content/slider/slide5.jpg" alt="Image" /></a>
  </div>		   
  <div data-delay="3">
   <a href="contact.html"><img src="img/content/slider/slide6.jpg" alt="Image" /></a>
  </div>
  <div data-delay="3">
   <a href="telecom.html"><img src="img/content/slider/slide7.jpg" alt="Image" /></a>
  </div>
 </div>
			    <!--end slider-->

   </div>
  </div>
  </div>
 </div> <!-- /container -->
   </section>


   <!--main content-->
   <section class="mainContentWrap">
 <div class="container mainContent">
  <div class="row-fluid">
   <div class="span12">

 <div class="row-fluid">
  <div class="divider dotted clearfix"><span></span></div>
 </div>

 <!-- carousel -->
 <div class="row-fluid relative">
  <div class="span12">
   <h1>Onze diensten</h1>
  </div>
  <div class="carousel-nav">
   <div class="pull-right">
    <a href="#" id="carouselPrev" class="prev-btn pull-left label"><i class="icon-chevron-left icon-white"></i></a>
    <a href="#" id="carouselNext" class="next-btn pull-left label"><i class="icon-chevron-right icon-white"></i></a>
   </div>
  </div> 
 </div>

 <div class="row-fluid carouselBox" data-height="0,0" data-slidewidth="250">

  <div data-delay="0">				   
   <div class="portfolioItem">
    <a href="desktops.html" class="peOver">
	 <img src="img/content/computers.jpg" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="computers.html">Computers</a>
    </div>
    <p>Computers van diverse A-merken of maatwerksystemen.</p>
   </div> 
  </div>



  <div data-delay="0">
   <div class="portfolioItem">
    <a href="telecom.html" class="peOver">
	 <img src="img/content/telecom.jpg" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="telecom.html">Telecom</a>
    </div>
    <p>Huistelefoons, mobiele telefoons, televisies en meer.</p>
   </div> 
  </div>

  <div data-delay="0">
   <div class="portfolioItem">
    <a href="netwerkbeheer.html" class="peOver">
	 <img src="img/content/netwerkbeheer.jpg"" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="netwerkbeheer.html">Netwerkbeheer</a>
    </div>
    <p>Wij bieden u ook advies en mogelijkheid tot opleiding.</p>
   </div> 
  </div>


				    <div data-delay="0">				   
   <div class="portfolioItem">
    <a href="reparaties.html" class="peOver">
	 <img src="img/content/reparaties.jpg" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="reparatie.html">Reparaties</a>
    </div>
    <p>U kunt bij ons ook een afspraak maken voor een reparatie.</p>
   </div> 
  </div>
  <div data-delay="0">	 
   <div class="portfolioItem">
    <a href="internet.html" class="peOver">
	 <img src="img/content/internet.jpg" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="internet.html">Internet</a>
    </div>
    <p>Routers, modems, beveiliging, accessoires.</p>
   </div> 
  </div>

	    <div data-delay="0">	 
   <div class="portfolioItem">
    <a href="websites.html" class="peOver">
	 <img src="img/content/websites.png" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="websites.html">Websites</a>
    </div>
    <p>Wij zijn partner van Graatieus Webdesign + Communicatie</p>
   </div> 
  </div>

	   <div data-delay="0">	 
   <div class="portfolioItem">
    <a href="contact.html" class="peOver">
	 <img src="img/content/backup.gif" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="websites.html">Back-up op locatie</a>
    </div>
    <p>Wij verzorgen voor u een back-up op maat.</p>
   </div> 
  </div>

	  <div data-delay="0">	 
   <div class="portfolioItem">
    <a href="contact.html" class="peOver">
	 <img src="img/content/pccleaner.jpg" alt="project" />
	 <span></span>
    </a>
    <div class="title">
	 <span class="icon-th"></span><a href="websites.html">Periodieke schoonmaak </a>
    </div>
    <p>Wilt u een maandelijkse of jaarlijkse schoonmaak van uw computer? Maak een afspraak.</p>
   </div> 
  </div>


 </div>


   </div>

	    </div>
    </div>
   </section>

   <!--footer-->
   <footer>

 <!--footer testimonail-->
 <section class="testimonial">
  <div class="container">
   <div class="row-fluid">
 <div class="span9"><blockquote><p>"Wij verzorgen reparaties op onze technische dienst, maar ook aan huis! Bel ons op <span class="tel">0315 - 640203</span> of klik <a class="title" href="reparatie.html">hier</a> om direct een afspraak te maken </p></div>
 <div class="span3 mugshot"><img src="img/content/reparatie.png" alt="client" /></div>
   </div>


  </div> 
 </section>

 <section class="footerMain">
  <div class="container">
   <div class="row-fluid">

 <!--footer main columns-->

 <div class="span3">

  <!--newsletter widget-->

				    <div class="widget widget_newsletter">
					  <h3>Nieuwsbrief</h3>
					  <p>Schrijf u nu in voor onze nieuwsbrief en maak elke maand kans op een waardebon ter waarde van € 25,-</p>
					  <form class="form-inline newsletter" action="http://mentor.templates.pixelentity.com/php/newsletter.php" id="newsletterform" method="get" data-subscribed="Dank u" >
						  <div class="control-group">
							  <div class="input-append">
								  <input type="text" name="email" class="input-medium span2"  placeholder="E-mailadres.."/>
								  <button class="btn" type="submit">Schrijf in</button>
							  </div>
						  </div>
					  </form>

				    </div>
				    <!--end widget-->

  </div>


				    <div class="span6">

   <!--recent posts widget-->

   <div class="widget widget_recent_entries">
    <h3>Algemene informatie</h3>
    <ul>
	 <li>
	  <a class="thumb" href="contact.html"><img src="img/content/nieuws.jpg" alt="thumb" /></a>
	  <div>
	   <a class="title" href="contact.html">Contactgegevens</a>
	   <p>Klik hier om onze contactgegevens te bekijken.</p>
	  </div>
	 </li>

	 <li class="last">
	  <a class="thumb" href="prijslijst.html"><img src="img/content/nieuws.jpg" alt="thumb" /></a>
	  <div>
	   <a class="title" href="prijstlijst.html">Prijslijst</a>
	   <p>Klik hier om onze prijslijst te bekijken.</p>
	  </div>
	 </li>

    </ul>
   </div> 
   <!--end widget-->

  </div>

  <div class="span3 last">

   <!--footer logo-->
   <a href="index.html" class="logo-foot" title="Home"><img src="img/content/logo_footer.png" alt="mentor logo" /></a>



   <!--links widget-->
   <div class="widget widget_links">
    <h3>Links</h3>
    <ul>
    <li>F.B. Deurvorststraat 56 </li>
    <li>7071 BK Ulft</li>
    <li>Gelderland</li>
    <br/>
    <li>T. 0135 - 640203</li>
    <li>F. 0315 - 640762</li>
    <br/>
    <li>E. <a href="mailto:info@compusell.nl?SUBJECT=Reactie">info@compusell.nl</li>
   </div>
  </div>
 </div>
   </div>
  </section>

  <!--footer lower-->
  <section class="footerLower">
   <div class="container">
 <div class="row-fluid">
  <FONT COLOR="#fff"><div class="span3 copyright"><p>©Compusell</FONT></p></div>

  <div class="span6 footNav">
   <a class="first" href="index.html"><FONT COLOR="#fff">Home</a><span>|</span>
   <a href="computers.html"><FONT COLOR="#fff">Computers</FONT></a><span>|</span>
   <a href="telecom.html"><FONT COLOR="#fff">Telecom</FONT></a><span>|</span>
   <a href="websites.html"><FONT COLOR="#fff">Websites</FONT></a><span>|</span>
   <a href="contact.html"><FONT COLOR="#fff">Contact</FONT></a>
  </div>
  <div class="span3 smedia">
				    </div>
 </div>
   </div>
  </section>



 </footer>


 <!--back to top button-->
 <a href="#top" id="peBackToTop" class="label btt disabled"><span class="icon-chevron-up icon-white"></span></a>
 <!-- import minified javascript -->
    <script type="text/javascript" src="js/mentor.min.js"></script>
 <script type="text/javascript" src="preview/preview.js"></script>
</body>
</html>

if it works offline and doesn't 'online' then it's likely you've forgot to upload something. Double check that and if that fails to resolve the issue post a link.

Check that you've uploaded all the scripts and stylesheets, and that your paths are correct. Firebug can help with that.

 

Secondly, WTF is this:

 

<script language=Javascript>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Copyright Compusell!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

  1. Breaking browser functionality is bad; don't do it. Ever. What if the user wants to right-click to open a link in a new tab, for example?
  2. That script came off the Ark - it has separate codepaths for IE4 and Netscape 4.

  • Author

Hmm i just inserted jquery but i still can't get it to work. The google map at the contact-page isn't working too.

Edited by JorisGraat

  • Author

Okay thanks for that!

 

i can't find the problem in the 3rd line.

 

This is the 3rd line

0){return}var e="div,audio,video,source".split(",");for(var i=0;i<e.length;i++){document.createElement(e[i])}})();if(!Array.prototype.indexOf)

 

I already checked the things i have to validate, i'll do this in the evening

3rd character, not line and it's jQuery

 

Chrome reports

 

 

Failed to load resource: the server responded with a status of 404 (Not Found)

Uncaught TypeError: Cannot set property 'plugin' of undefined

Failed to load resource: the server responded with a status of 404 (Not Found)

 

although IE seems to think it finds jQuery okay

  • Author

Okay,

 

i fixed the missing jquery.js. Unfortunately there's no progress.

 

(function(a,{function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cu(a){if(!cj[a]){var b=c.body,d=f("<"+a+">").appendTo(,e=d.css("display");d.remove();if(e==="none"||e===""){ck||

 

it looks like here is something wrong? I'll first fix all the errors in the html files, hopefully that will solve everything.. Thanks in advance

IE points it to

{jQuery.fx.pixelentity.plugin=
[size="2"][color="#0000ff"][size="2"][color="#0000ff"]function[/color][/size][/color][/size][size="2"](){$.pixel[/size]
[size="2"]

[/size]

 

what's this pixelentity plugin? is it part of jquery or is your jquery.js a special file? Might be worth getting new ones for all your .js and uploading them.

  • Author

Thanks for all the help guys! It's working now, that pixel entity plugin wasn't working good, so i replaced it and its fine now. This topic can be closed!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.