Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member Slark's Avatar
    Join Date
    Oct 2013
    Location
    Bosnia And Herzegowina
    Posts
    8
    Member #
    37403

    Page loading problem

    Hello,

    I noticed when i am loading few specific pages on my website some problems happens, well the font is loading slow and something more happens , dont know how to explane you. I found where the problem is but i dont know and i dont have any idea how to fix that problem.

    Here i will show you the screen shots:

    Normal page loading image link : http://i.imgur.com/1dkCnGq.jpg

    With problem page loading image link : http://i.imgur.com/CrCWpgj.jpg

    ________________________

    On this page where you can see those problems i am using toggle scripts, and when i removed those toggle codes everything loaded normaly without any problems , so the problem is inside this toggle codes ?

    Here are those toggle codes which makes the problem :

    Code:
    <table border="0">
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-1a">
      <div>
        <button class="dugme1a">- Šta je to web stranica?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme1a").click(function(){
            $("#pitanje-1a").toggleClass("maximize");
            $(this).html($(this).html() == "+ Šta je to web stranica?" ? "- Šta je to web stranica?" : "+ Šta je to web stranica?");
          });
        });
    </script>
    <p class="pitanje1a"><br>
        Web stranica je ogledalo firme i može joj pristupiti svako ko ima internet, bez obzira na udaljenost, radno vrijeme ili broj posjetilaca. Globalizacija, razvoj interneta i 
    
    telekomunikacija su utjecali na privredu svugdje u svijetu. Prisustvo na internetu danas je postalo jedan od presudnih faktora uspjeha na tržištu, bez obzira na veličinu kompanije ili 
    
    djelatnost kojom se bavi. Investicijom u web stranicu, više niste ograničeni na svoj grad ili zemlju - Vaša firma lako i brzo postaje dostupna svima na svijetu.
      </p>
    <script>
        $("button.dugme1a").click(function () {
          $("p.pitanje1a").toggleClass("clicked2").slideToggle("slow");
           $(this).toggleClass("clicked");
        });
    </script>
    </div>
    </td>
    </tr>
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-2">
      <div>
        <button class="dugme2">+ Šta je web hosting?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme2").click(function(){
            $("#pitanje-2").toggleClass("maximizea");
            $(this).html($(this).html() == "+ Šta je web hosting?" ? "- Šta je web hosting?" : "+ Šta je web hosting?");
          });
        });
    </script>
    <p class="pitanje2"><br>
        Da bi korisnici mogli vidjeti neku web stranicu ona mora biti objavljena, odnosno web stranice moraju biti smještene na web server. Vaš računar može poslužiti kao server ako je spojen 
    
    na mrežu ali uobičajeno je da taj zadatak za vas obavi specijalizirani hosting provajder koji će vašu web stranicu smjestiti na svoj web server i tako će ona postati dostupna svim 
    
    korisnicima u svakom trenutku, ta usluga se zove web hosting.
      </p>
    <script>
        $("button.dugme2").click(function () {
          $("p.pitanje2").toggleClass("clicked2a").slideToggle("slow");
            $(this).toggleClass("clickeda");
        });
    </script>
    </div>
    </td>
    </tr>
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-3">
      <div>
        <button class="dugme3">+ Koji web hosting plan odabrati?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme3").click(function(){
            $("#pitanje-3").toggleClass("maximizea");
            $(this).html($(this).html() == "+ Koji web hosting plan odabrati?" ? "- Koji web hosting plan odabrati?" : "+ Koji web hosting plan odabrati?");
          });
        });
    </script>
    <p class="pitanje3"><br>
        Najbolje se odlučiti za onaj hosting plan koji će prostorno biti dovoljan za vašu web stranicu. Primjer: Ukoliko želite postaviti statičku web stranicu sa prezentacijom vaših 
    
    informacija putem teksta i slika (znači bez naprednih dodataka, obilja podstranica, linkova i multimedijalnih sadržaja), dovoljno je izabrati <font color="#002651">Midiweb</font> hosting 
    
    plan.
    U svakom slučaju konsultujte se s nama prije zakupa hosting plana.
      </p>
    <script>
        $("button.dugme3").click(function () {
          $("p.pitanje3").toggleClass("clicked2a").slideToggle("slow");
            $(this).toggleClass("clickeda");
        });
    </script>
    </div>
    </td>
    </tr>
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-4">
      <div>
        <button class="dugme4">+ Šta je domena?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme4").click(function(){
            $("#pitanje-4").toggleClass("maximizea");
            $(this).html($(this).html() == "+ Šta je domena?" ? "- Šta je domena?" : "+ Šta je domena?");
          });
        });
    </script>
    <p class="pitanje4"><br>
        Na internetu izraz domena (engl. domain) znači područje označeno nekim zajedničkim imenom, odnosno skup dostupnih informacija istoga tipa i vrste. Vaše ime domene je vaša adresa na 
    
    internetu. Domena Slark Design studia je <font color="#002651">slarkdesign.com</font>. Internet domena se može shvatiti i kao dobar položaj trgovine u nekoj ulici u gradu. 
    Što je Internet domena kraća i jednostavnija za pamtiti, to je isto kao da je lokacija trgovine na vrlo prometnom i lako dustupnom mjestu.
      </p>
    <script>
        $("button.dugme4").click(function () {
          $("p.pitanje4").toggleClass("clicked2a").slideToggle("slow");
           $(this).toggleClass("clickeda");
        });
    </script>
    </div>
    </td>
    </tr>
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-5">
      <div>
        <button class="dugme5">+ Kako odabrati naziv domene?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme5").click(function(){
            $("#pitanje-5").toggleClass("maximizea");
            $(this).html($(this).html() == "+ Kako odabrati naziv domene?" ? "- Kako odabrati naziv domene?" : "+ Kako odabrati naziv domene?");
          });
        });
    </script>
    <p class="pitanje5"><br>
        Pri odabiru naziva domene treba biti izuzetno oprezan. Naziv domene treba oslikavati vašu najvažniju ključnu riječ, tj. jedna riječ ili više, po mogućnosti treba da bude glavni nosilac 
    
    onoga za što je vaša web stranica namijenjena. Mi Vam možemo asistirati pri odabiru naziva domene.
      </p>
    <script>
        $("button.dugme5").click(function () {
          $("p.pitanje5").toggleClass("clicked2a").slideToggle("slow");
            $(this).toggleClass("clickeda");
        });
    </script>
    </div>
    </td>
    </tr>
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-6">
      <div>
        <button class="dugme6">+ Kolika je cijena web stranice?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme6").click(function(){
            $("#pitanje-6").toggleClass("maximizea");
            $(this).html($(this).html() == "+ Kolika je cijena web stranice?" ? "- Kolika je cijena web stranice?" : "+ Kolika je cijena web stranice?");
          });
        });
    </script>
    <p class="pitanje6"><br>
        Postoje tri cijene izrade web stranica, u zavisnosti od izabranih opcija. Cijena izrade web stranice u opciji <font color="#002651">Lite Website</font> je 350KM, <font 
    
    color="#002651">Medium Website</font> je 650KM, a cijena <font color="#002651">Pro Website</font> je 900KM. Naznačene cijene su NETO cijene i nisu fiksne.
      </p>
    <script>
        $("button.dugme6").click(function () {
          $("p.pitanje6").toggleClass("clicked2a").slideToggle("slow");
           $(this).toggleClass("clickeda");
        });
    </script>
    </div>
    </td>
    </tr>
    <tr>
    <td style="padding-bottom:20px">
    <div id="pitanje-7">
      <div>
        <button class="dugme7">+ Kako do moje web stranice?</button>
      </div>
    <script>
        $(document).ready(function(){
          $("button.dugme7").click(function(){
            $("#pitanje-7").toggleClass("maximizea");
            $(this).html($(this).html() == "+ Kako do moje web stranice?" ? "- Kako do moje web stranice?" : "+ Kako do moje web stranice?");
          });
        });
    </script>
    <p class="pitanje7"><br>
        Sve što treba da uradite jeste da pregledate postojeće opcije na <font color="#002651">slarkdesign.com</font> , napravite odabir i ispunite Narudžbu. Mi ćemo Vas kontaktirati u roku od 
    
    24 sata i proslijediti Vam dalje upute. Ukoliko niste sigurni koja bi opcija bila najprikladnija, kontaktirajte nas.
      </p>
    <script>
        $("button.dugme7").click(function () {
          $("p.pitanje7").toggleClass("clicked2a").slideToggle("slow");
           $(this).toggleClass("clickeda");
        });
    </script>
    </div>
    </td>
    </tr>
    </table>
    It looks like those toggle codes are loaded before the font codes or something like this ...

    here is my header code :

    HTML Code:
    <head>
    <title>Slark Design Studio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="../js/jquery-1.5.2.js" ></script>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../js/cufon-yui.js"></script>
    <script type="text/javascript" src="../js/cufon-replace.js"></script>
    <script type="text/javascript" src="../js/Monda_400.font.js"></script>
    <script type="text/javascript" src="../js/Play_400.font.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="../js/stickytooltip.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/stickytooltip.css" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../js/html5.js"></script>
    <style type="text/css">.bg, .box2{behavior:url("../js/PIE.htc");}</style>
    <![endif]-->
    </head>
    Can you help me around? , thanks!

  2.  

  3. #2
    Junior Member Slark's Avatar
    Join Date
    Oct 2013
    Location
    Bosnia And Herzegowina
    Posts
    8
    Member #
    37403
    Problem fixed, just needed to delete old jQuery versions and add last version.

  4. #3
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Thanks for sharing your solution - it may help others with a similar problem!
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Tags for this Thread

All times are GMT -6. The time now is 04:48 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com