Autor Zpráva
kuku
Profil *
#1 · Zasláno: 11. 3. 2005, 23:20:46
Odpovědět Citovat
Mám HTML kód:
<div class="kuku">
<a href="nekam.htm">Nadpis</a>
<p>Text</p>
</div>

a potřebuji nějaký script, který by po kliknutí na div kuku otevřel stránku nekam.htm. Potřebuji to do externího souboru a nějak obecně, abych to tam nemusel mít několikrát
habendorf
Profil
#2 · Zasláno: 11. 3. 2005, 23:31:25
Odpovědět Citovat
A proč ti nestačí ten normální odkaz?
kuku
Profil *
#3 · Zasláno: 11. 3. 2005, 23:32:39
Odpovědět Citovat
Protože div nemůžu uzavřít do odkazu
habendorf
Profil
#4 · Zasláno: 11. 3. 2005, 23:43:32 · Upravil/a: habendorf
Odpovědět Citovat
Proč nemůžeš? 

a {display:block}



<a href="http://www.google.com">

<div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

</div>

</a>
kuku
Profil *
#5 · Zasláno: 11. 3. 2005, 23:47:33
Odpovědět Citovat
habendorf
Vyzkouším
Fred
Profil
#6 · Zasláno: 11. 3. 2005, 23:55:35
Odpovědět Citovat
No nevím blockový div v řádkovém a být nemá
kuku
Profil *
#7 · Zasláno: 11. 3. 2005, 23:59:51
Odpovědět Citovat
Funguje to, ale není to validní. Nešlo by to tím JavaScriptem?
Fred
Profil
#8 · Zasláno: 12. 3. 2005, 00:08:12
Odpovědět Citovat
Šlo by to javascriptem, ale zkus nejdřív jestli by ti to nešlo takhle
a,span{display:block}

<div class="kuku">
<a href="nekam.htm">Nadpis<span>Text</span></a>
</div>
kuku
Profil *
#9 · Zasláno: 12. 3. 2005, 00:09:46
Odpovědět Citovat
Fred
To umím taky, ale já potřebuju, aby klikal celý div (i s padinem), a ne jenom text uvnitř divu
Yuhů
Profil
#10 · Zasláno: 12. 3. 2005, 00:14:42
Odpovědět Citovat
Umím z hlavy napsat javascript tak, aby se otevřela stránka "nekam.html" při kliknutí na konkrétní div:

<div onclick="document.location.href = 'nekam.html';">...

ale jak jsem pochopil z dotazu, chceš to navázat na class. To asi bude potřeba navázat na <body> handler onclick a do něj nastavit funkci. Funkce se podívá, jestli má prvek className rovnou "kuku" a jestli jo, tak document.location.href="nekam.html"

Ale z hlavy to napsat neumím.
habendorf
Profil
#11 · Zasláno: 12. 3. 2005, 00:20:17 · Upravil/a: habendorf
Odpovědět Citovat
No jo, sekl jsem se. Myslel jsem to takhle:

<a href="nekam.htm">
<span class="kuku">
Nadpis
Spousta dalšího textu
</span>
</a>
a spanu dát display:block, nastavit height a width, a vynulovat padding.

No já nevím, JS bych do toho netahal ani omylem. Proč?
Fred
Profil
#12 · Zasláno: 12. 3. 2005, 00:21:14
Odpovědět Citovat
Tohle si dej do externího scriptu, uprav si nejakeNadrazeneId, ten class, pokud tedy není kuku a titulek a odkazovanou stránku

var kde = document.getElementById('nejakeNadrazeneID');
var co = kde.getElementsByTagName('div');
for (var i=0;i<co.length;i++){
var divclass=co[i].getAttribute('class');
if(divclass=='kuku'){
co[i].setAttribute('title','titulek');
co[i].onmouseover =function(){this.style.cursor='hand';this.style.cursor='pointer';}
co[i].onclick =function(){document.location.href='nekam.php';}
}}}
function addEvent(obj,evType,fn){ //thanx http://www.scottandrew.com/weblog/articles/cbs-events
if(obj.addEventListener){obj.addEventListener(evType,fn,true);return true;}
else if(obj.attachEvent){var r=obj.attachEvent("on"+evType,fn);return r;}
else{return false;}}
addEvent(window,'load',init);
Fred
Profil
#13 · Zasláno: 12. 3. 2005, 00:23:27
Odpovědět Citovat
habendorf On chce klikat na celý odstavec včetně hrefu, asi něco jako v některých diskusích, když se obarvují související příspěvky, někde jsem něco takového viděl jako prezentaci, klikalo se na celou stránku a přecházelo to na další.
Leo
Profil
#14 · Zasláno: 12. 3. 2005, 00:23:48
Odpovědět Citovat
Uaaaa, a nebylo by fakt lepsi zkusit ochocit CSS? Kvuli odkazu tohle? Leo
Fred
Profil
#15 · Zasláno: 12. 3. 2005, 00:25:57
Odpovědět Citovat
Taky netuším proč to jako nejde s tím spanem ;-)
habendorf
Profil
#16 · Zasláno: 12. 3. 2005, 00:27:24
Odpovědět Citovat
S tím spanem to musí jít, já tam měl zase chybu, měl bych jít spát. Výše jsem to opravil.
Fred
Profil
#17 · Zasláno: 12. 3. 2005, 00:29:27
Odpovědět Citovat
Jo a na tohle mi právě Kuku odpověděl To umím taky, ale já potřebuju, .... , tak jsem naservíroval ten js.
habendorf
Profil
#18 · Zasláno: 12. 3. 2005, 00:36:37 · Upravil/a: habendorf
Odpovědět Citovat
Tak už začínám být trochu vedle: To umím taky, ale já potřebuju, aby klikal celý div (i s padinem), a ne jenom text uvnitř divu

Když to dám takhle:

<a href="nekam.htm">
<span class="kuku" style="display:block; width:80px; cursor:pointer">
Nadpis Spousta dalšího textu bla bla bla
</span>
</a>

tak to prostě musí klikat po celý ploše. No asi jsem fakt unavenej.
Fred
Profil
#19 · Zasláno: 12. 3. 2005, 01:03:08
Odpovědět Citovat
Nejsi, taky jsem si to myslel, ale nechtělo se mi to zkoušet a z hlavy sem si nebyl jistej, ta reakce to umím taky ve mně vyvolala pochybnosti a tak jsem automaticky usoudil, že to nejde :-(
Jasně, že to takhle jde.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0