Skrytie divu – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Skrytie divu – JavaScript, AJAX, jQuery – Fórum – Programujte.comSkrytie divu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Anonymous
~ Anonymní uživatel
21 příspěvků
29. 8. 2009   #1
-
0
-

Ahojte,
pouzivam XHTML a nefunguje mi onload="". Skusal som trivialne veci, takze to bude asi standartom. Spravil som si teda funkciu, ktora mi pri nacitani stranky skryje <div> s obsahom:

 window.onload = function() { document.getElementById("id").style.display = 'none';}

Po nacitani stranky sa mi vsak <div> zobrazi na asi cca 0,5 sekundy a az potom skryje. Vyzera to dost neprofesionalne. Nechcem vsak dat style="none" pretoze nechat div otvoreny pre tych, co nemaju js zapnuty.
Za kazdu radu dakujem...

Nahlásit jako SPAM
IP: 91.127.127.–
Anonymous
~ Anonymní uživatel
21 příspěvků
29. 8. 2009   #2
-
0
-

Chcem teda odstranit to 0.5 sekundove opozdenie. :)

Nahlásit jako SPAM
IP: 91.127.127.–
don_Dominique0
Super člen
29. 8. 2009   #3
-
0
-

To Anonymous : Tak ať má ten <div> pevně nastaveno vidible: none; a pak ho pomocí JS odkrývej. Ta prodleva je způsobená zřejmě tím, že onload se provede až po kompletním načtení stránky (všech jejích prvků). S tim vypnutim JS bych se zase tolik netrápil.

Nahlásit jako SPAM
IP: 88.146.211.–
29. 8. 2009   #4
-
0
-

muzes zkusit dat ten onload primo na ted div

<div onLoad="this.style.display='none'"></div>


tim by se mohla zkratit ta doba po kterou bude div videt, protoze se nebude cekat az se nacte cela stranka, ale jen na nacteni toho divu...

jeste me napada pouzit ne onload na nejakym prvku, ktery se nacita jeste pred tim divem


<p onLoad="document.getElementById('div_id').style.display='none'">cokoliv</p>


to by mohlo nastavit skryty toho divu ktere by se pak aplokovalo okamzite (ale nejsem si jisty, ze to bude fungovat, vyzkousej a dej vedet)

Nahlásit jako SPAM
IP: 83.208.113.–
wokena0
Stálý člen
29. 8. 2009   #5
-
0
-

Stáhni si jQuery (JS plugin, má cca. 120kB) http://jqueryjs.googlecode.com/files/jquery-1.3.2.js

A normálně to naimportuj... ukázka kódu:



<html>
<head>
<title>SuX</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
</head>
<body>

<script type="text/javascript">
$(document).ready(function(){
$("#odstavec").toggle(500);
// Nastavi/zrusi display (bud na none, nebo block...). Cas se udava v milisekundach (nebo tak nejak)
});
</script>

<div id="odstavec">Tenhle text zmizi 0.5 vteriny po nacteni stranky...</div>
</body>
</html>


Jestli by ti něco nejelo, popř by jsi potrřeboval pomoct, ozvi se ;-). Hodně štěstí při kódění...

Nahlásit jako SPAM
IP: 88.100.165.–
md5-generator.wokena.com | blog.wokena.com | wokena.com
pawlik0
Grafoman
29. 8. 2009   #6
-
0
-

<div id="mujdiv"></div>

<script type="text/javascript">
document.getElementById('mujdiv').style.display = 'none';
</script>


OnLoad je v prekladu az po kompletnim nactenim stranky ;)

Nahlásit jako SPAM
IP: 90.178.126.–
Sa Nata A Na. Howgh
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 13 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý