ďťż

[html] Stronka Klubu. Zdjecie po najechaniu na nazwisko

       

Podstrony


telcocafe

Witam!

Chcialbym Zrobić na stronie klubu pilkarskiego Coś takiego:

Imie nazwisko A tu Zdjecie
Imie nazwisko
Imie nazwisko
Imie nazwisko
Imie nazwisko
Imie nazwisko

Chcilabym aby po najechaniu na nazwisko pilkarza Zmienialo sie zdjecie na fotki poszczegolnych zawodnikow.

Prosze o pomoc. Z góry dziękuje !



było już kilka razy jak zrobić chmurkę :/ wrzucasz tylko zamiast txt <img /> i juz :-)

Bawisz się onmouseoverem w JS.
<script language=Javascript> bname=navigator.appName; bversion=parseInt(navigator.appVersion) if (bname=="Netscape") brows=true else brows=false var x=0; var link=new Array(); function dspl(msg,bgcolor,dtop,delft){ this.msg=msg; this.bgcolor=bgcolor; this.dtop=dtop; this.dleft=delft; } link[0]=new dspl('<CENTER><img src="img/8.jpg" border=0></CENTER>','#4F004F',50,150) link[1]=new dspl('<CENTER><img src="img/8.jpg" border=0></CENTER>','#4F004F',50,150) link[2]=new dspl('<CENTER><img src="img/8.jpg" border=0></CENTER>','#4F004F',50,150) link[3]=new dspl('<CENTER><img src="img/8.jpg" border=0></CENTER>','#4F004F',50,150) function don(x){ if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ if (brows){ with(link[x]){ document.layers['linkex'].bgColor=bgcolor; document.layers['linkex'].document.writeln(msg); document.layers['linkex'].document.close(); document.layers['linkex'].top=dtop; document.layers['linkex'].left=dleft; } document.layers['linkex'].visibility="show"; } else{ with(link[x]){ linkex.innerHTML=msg; linkex.style.top=dtop; linkex.style.left=dleft; linkex.style.background=bgcolor; } linkex.style.visibility="visible"; } } } function doff(){ if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ if (brows) document.layers['linkex'].visibility="hide"; else linkex.style.visibility="hidden"; } } </SCRIPT>
<DIV id=linkex style="VISIBILITY: hidden; WIDTH: 19%; POSITION: absolute"></DIV> <LAYER width="19%" visibility="hide" name="linkex"></LAYER> <A onmouseover=don(0) onmouseout=doff() class=a href="test.htm">Odsyłacz-1</A> <BR><BR> <A onmouseover=don(1) onmouseout=doff() class=a href="test.htm">Odsyłacz-2</A> <BR><BR> <A onmouseover=don(2) onmouseout=doff() class=a href="test.htm">Odsyłacz-3</A> <BR><BR> <A onmouseover=don(3) onmouseout=doff() class=a href="test.htm">Odsyłacz-4</A>

Ależ Bełdzio! On nie chce chmurek :) On chce, żeby nazwisko ZAMIENIAŁO się w zdjęcie. Tutaj tylko java script:
@up - on nie chce książki o tym pisać, żeby takie kody mu dawać :P
<div onmouseover="document.getElementById('1').innerHTML='img';" onmouseout="document.getElementById('1').innerHTML='imie i nazwisko';"> <div id="1"> imie i nazwisko </div> </div>
Prostsze niż te dziesiątki linijek kodu ;) Robiąc analogicznie dla nazwisk innych pamiętaj o zmianie ID diva ;)
============
@down - może raczysz poszukać? Było parę razy. My wszystkiego za Ciebie nie zrobimy...
Użytkownik Bartas edytował ten post 20 sierpień 2006, 19:36


<table>
<tr><td><table><tr><td>Imie Nazwisko</td></tr><tr><td>Imie Nazwisko</td></tr><tr><td>Imie nazwisko</td></tr></table></td><td><img src="Fotka" /></td></tr></table>

Chce zeby zdjecia byly caly czas wtym jednym miejscu sie pokazywaly.

P.S nie bardzo lapie sie w JS

<script language="javascript" type="text/javascript"> function ch(o) { document.getElementById('imgg').src = o; } </script> <img src="obrazek.jpg" id="imgg" align="right" /> <a href="#" onmouseover="java script:ch('obrazek1.jpg');">osoba1</a><br /> <a href="#" onmouseover="java script:ch('obrazek2.jpg');">osoba2</a><br /> <a href="#" onmouseover="java script:ch('obrazek3.jpg');">osoba3</a><br />
???

edit: usuń spację pomiędzy "java" a "script". Skrypt forum je tworzy (pewnie zabezpieczenie przed XSS ;)).
Użytkownik DJ_ProG edytował ten post 20 sierpień 2006, 19:49
ehhh dalej cos mi nie wychodzi: http://gacur.frx.pl/jasien/team.php tu jest ten kod co wkleilem tak jak chcialem no ale lipa :(

1. usuń spację pomiędzy <a href="#" onmouseover="java a script:change('obrazekX.jpg');">osobaX</a>
Ma być javascript !

2. to był przykłądowy kod. A czy posiadasz obrazki? jeśli tak, to pozmieniaj w tym kodzie ich nazwy (nazwy obrazkow do zaladowania sa pomiedzy apostrofami).
Użytkownik DJ_ProG edytował ten post 21 sierpień 2006, 07:55
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.