Elvedin

Ah sorry , this one should work > http://slarkdesign.com/l2altest/l2/news/index.html

Come on guys , can anyone take a look on my problem please..

I got an problem on header part of my website where the black/gray navigation menu is , there are 3 options , "Create account" , "Change password" and "Music player icon" . Well when i switch the page from news to features , the header black/gray navigations blinks for a second. its not happening in Mozzila firefox , but its happening in google chrome.So i didnt connect the links on website , only from news page when u go to features it works by clicking on features in menu , but when u want to go back u should use back button on your browser. I would be really thankfull if some1 could help me to figure it out and fix it. Here is the website link so u can see the problem live : http://slarkdesign.com/l2altest/l2/news/ Here is my HTML code of this "Features" page (link becouse to many charachters) :http://slarkdesign.com/l2altest/l2/features/index.txt Here is my CSS code of this "Features" page (link becouse to many charachters) :http://slarkdesign.com/l2altest/l2/website/content/files/css/style2.css

Problem fixed, just needed to delete old jQuery versions and add last version.

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

I fixed the problem with using another codes , but now i need to fix one more thing > Well i made few questions which should toggle the answer after click the button , and its working perfectly , but my problem is . When i open the page the answer is already toggled and hwne i press the button it will be hiden. I want it first to be hiden and after click to toggle and be shown. I am using this codes : <div id="pitanje-1"> <div> <button class="dugme1">+ Šta je to web stranica?</button> </div> <script> $(document).ready(function(){ $("button.dugme1").click(function(){ $("#pitanje-1").toggleClass("maximize"); $(this).html($(this).html() == "+ Šta je to web stranica?" ? "- Šta je to web stranica?" : "+ Šta je to web stranica?"); }); }); </script> <p class="pitanje1"><br> This is the paragraph to end all paragraphs. You should feel <em>lucky</em> to have seen such a paragraph in your life. Congratulations! </p> <script> $("button.dugme1").click(function () { $("p.pitanje1").slideToggle("slow"); }); </script> </div>

Hello there I am using .slideToggle from here : http://api.jquery.com/slideToggle/ And now i got one problem, I made 3 toggle questions/answers , and i used 3 times the same codes with different ID, Class . The code looks like this : <div id="pitanje-1"> <input onclick="return change(this);" type="button" value="+ Šta je to web stranica?" id="dugme1"> <script type="text/javascript"> function change( el ) { if ( document.getElementById("dugme1").value === "+ Šta je to web stranica?" ) document.getElementById("dugme1").value = "- Šta je to web stranica?"; else document.getElementById("dugme1").value = "+ Šta je to web stranica?"; } </script> <p class="pitanje1"><br> This is the paragraph to end all paragraphs. You should feel <em>lucky</em> to have seen such a paragraph in your life. Congratulations! </p> <script> $("#dugme1").click(function () { $("p.pitanje1").slideToggle("slow"); }); </script> </div> <br> <div id="pitanje-2"> <input onclick="return change(this);" type="button" value="+ Šta je web hosting?" id="dugme2"> <script type="text/javascript"> function change( el ) { if ( document.getElementById("dugme2").value === "+ Šta je web hosting?" ) document.getElementById("dugme2").value = "- Šta je web hosting?"; else document.getElementById("dugme2").value = "+ Šta je web hosting?"; } </script> <p class="pitanje2"><br> This is the paragraph to end all paragraphs. You should feel <em>lucky</em> to have seen such a paragraph in your life. Congratulations! </p> <script> $("#dugme2").click(function () { $("p.pitanje2").slideToggle("slow"); }); </script> </div> <br> <div id="pitanje-3"> <input onclick="return change(this);" type="button" value="+ Koji web hosting plan odabrati?" id="dugme3"> <script type="text/javascript"> function change( el ) { if ( document.getElementById("dugme3").value === "+ Koji web hosting plan odabrati?" ) document.getElementById("dugme3").value = "- Koji web hosting plan odabrati?"; else document.getElementById("dugme3").value = "+ Koji web hosting plan odabrati?"; } </script> <p class="pitanje3"><br> This is the paragraph to end all paragraphs. You should feel <em>lucky</em> to have seen such a paragraph in your life. Congratulations! </p> <script> $("#dugme3").click(function () { $("p.pitanje3").slideToggle("slow"); }); </script> </div> Now the problem is , The text " + Koji web hosting plan odabrati? " will change always + and - after click it. But when i click on first question or second , again the + and - will be changed on this question " + Koji web hosting plan odabrati? " So the script : <script type="text/javascript"> function change( el ) { if ( document.getElementById("dugme3").value === "+ Koji web hosting plan odabrati?" ) document.getElementById("dugme3").value = "- Koji web hosting plan odabrati?"; else document.getElementById("dugme3").value = "+ Koji web hosting plan odabrati?"; } </script> is working only for one question , and i used it 3 times on 3 different questions with different ID and CLASSES ... I hope you understand me , what could i do to fix it ?

Bump , help please... Do anyone know how to add damn class or id omg....

corrected mistake.. Any help , just tell me how to add a class or id to this java code : <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je web hosting?") { t.childNodes[0].innerHTML = "- Šta je web hosting?"; } else { t.childNodes[0].innerHTML = "+ Šta je web hosting?"; } } </script> Thank you!

Well i hope some1 will help around , i am not good at Java too. So lets wait for help. Thank you anyway.

I think you didnt understand me , the text for p.toggle1 is here : <p class="toggle1">HELLO</p> And its working good.. I will try to explain you better .. Well everything is fine when i am using it like toggle button , like this code : <div id="webstranica"> <div class="toggle" onclick="toggle(this)"><a href="#index" >- Šta je to web stranica?</a></div> <p class="toggle1">HELLO</p> <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je to web stranica?") { t.childNodes[0].innerHTML = "- Šta je to web stranica?"; } else { t.childNodes[0].innerHTML = "+ Šta je to web stranica?"; } } </script> <script> $("div.toggle").click(function () { $("p.toggle1").toggle(); }); </script> </div> But when i want to use this code two times with different text on button and the text which is shown after i press the button , then problems happens. What kind of problem ? Well when i open the page it looks fine , like that : But when i press the button/letters ( - Šta je web hosting? ) open and close only the minus and plus will change depends is toggle opened or closed. But when i click on other button , this one ( - Šta je web hosting? ) open and close , the minus and plus will change like it should be , but the text changes to ( - Šta je web hosting? ) , like it takes the other script function from here : <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je web hosting?") { t.childNodes[0].innerHTML = "- Šta je web hosting?"; } else { t.childNodes[0].innerHTML = "+ Šta je web hosting?"; } } </script> So how to add classes to this script like here it is : <script> $("div.togglea").click(function () { $("p#toggle-1a").toggle(); }); </script> This $("div.togglea") and this $("p#toggle-1a") , so after i add classes i think it wont mix the sripts... I hope you understand me now. The only question how to add class or id to this script : <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je web hosting?") { t.childNodes[0].innerHTML = "- Šta je web hosting?"; } else { t.childNodes[0].innerHTML = "+ Šta je web hosting?"; } } </script> Thank you

Hello When i open my page all of those toggle should be CLOSED , after i click on button then it should be opened and the text should be shown. Right now its already shown and when i press the button it will hide it, so how to make it first to bi hiden and after click on button to be shown. Here are the codes i am using now : <div id="webstranica"> <div class="toggle" onclick="toggle(this)"><a href="#index" >- Šta je to web stranica?</a></div> <p class="toggle1">HELLO</p> <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je to web stranica?") { t.childNodes[0].innerHTML = "- Šta je to web stranica?"; } else { t.childNodes[0].innerHTML = "+ Šta je to web stranica?"; } } </script> <script> $("div.toggle").click(function () { $("p.toggle1").toggle(); }); </script> </div> Second thing : Now i got another problem, well i used the scripts for every question on my page. My code looks like this : <div id="pitanje-1"> <div class="toggle" onclick="toggle(this)"><a href="#index" >- Šta je to web stranica?</a></div> <p id="toggle-1">Web stranica je skup tekstova, slika, video prezentacija i ostalih sadržaja i programskog koda koji određuje na koji način će se taj sadržaj prikazati u internet/Web pregledniku (Mozilla, Chrome, Safari…).</p> <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je to web stranica?") { t.childNodes[0].innerHTML = "- Šta je to web stranica?"; } else { t.childNodes[0].innerHTML = "+ Šta je to web stranica?"; } } </script> <script> $("div.toggle").click(function () { $("p#toggle-1").toggle(); }); </script> </div> <br> <div id="pitanje-2"> <div class="togglea" onclick="toggle(this)"><a href="#index" >- Šta je web hosting?</a></div> <p id="toggle-1a">Server (internet poslužitelj) je računar, odličnih performansi, velikog diskovnog prostora, radne memorije i brzine, koji je konstantno spojen na internet. Obzirom da su serveri stalno spojeni na internet imaju dodijeljene stalne IP (internet Protocol) adrese. Kada u internet preglednik (Mozilla, Safari, Chrome…) upišete IP adresu nekog servera, učitat će se internet stranica koja se nalazi na tom serveru. Obično se upisuju domene koje odgovaraju IP adresi na serveru. Primjer, kada u internet preglednik upišete www.webpage.ba, otvara se sadržaj internet stranice na serveru sa specifičnom IP adresom koja pokazuje na našu domenu. Prostor koji se nalazi na disku servera naziva se serverski prostor. Danas je moguće zakupiti i manji serverski prostor koji odgovara veličini i strukturi stranice koja će biti smještena na serveru. Današnji serveri sadrže stotine i hiljade serverskih prostora, izdijeljenih po različitim veličinama, namjenama i performansama.</p> <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je web hosting?") { t.childNodes[0].innerHTML = "- Šta je web hosting?"; } else { t.childNodes[0].innerHTML = "+ Šta je web hosting?"; } } </script> <script> $("div.togglea").click(function () { $("p#toggle-1a").toggle(); }); </script> </div> So when i use those scripts 2 times they mix , so right now i got those two different questions with different answers, but when i click on one question to toggle the answer , then the other questions renemes like the first one, i hope you understand me. So i think i need to make something like class or id to those codes : <script type="text/javascript"> function toggle (t) { if (t.childNodes[0].innerHTML == "+ Šta je web hosting?") { t.childNodes[0].innerHTML = "- Šta je web hosting?"; } else { t.childNodes[0].innerHTML = "+ Šta je web hosting?"; } } </script> Something like this : <script> $("div.togglea").click(function () { / THIS HERE [ $("div.togglea") ] $("p#toggle-1a").toggle(); / THIS HERE [ $("p#toggle-1a") ] }); </script> I hope you understand me. Thank you