Podstrony
- telcocafe
- Skrypt relacji z meczów Poszukuję skryptu relacji taki jak na Onet.pl
- Skrypt: strona zależna od szybkości łącza. Czy ma ktoś taki skrypt Jak go napisać!!
- (STOP) Skrypt na deaktywowanie przycisku wstecz! Czy może ma ktoś z was taki skrypt?
- Scrypt kroye wrzuca pliki na ftp help. Ma ktos taki scrypt albo slyszalo nim :>
- Konwersja zdjęć po stronie przegladarki Jak napisać najlepiej taki skrypt
- Jak zrobic taki over state, zeby w ramce ładował sie jakis obrazek?
- Jak zrobić taki skrypt uploadu jak na: http://www.putfile.com/
- Serwer opłacany SMS-em Czyli gdzie taki można znalezc?
- Jak zrobić taki skrypt? System download z www.dobreprogramy.pl
- [php&MySQL/bląd] taki mały formularz
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anioly24.xlx.pl
telcocafe
Witam, chciałem sie was zapytać jak (za pomocą czego ? może JS) uzyskać następujacy efekt.Załóżmy że strona składa sie z elementów abcdeF, i załóżmy że abc to odnosniki. Chciałbym aby po najechaniu na odnośnik a zmieniał sie napis (obrazek) w punkcie F znajdujacym się w innym miejscu strony, po najechaniu na odnośnik b w tym samym punkcie F zmieniał sie na kolejny obrazek przypisany do odnośnika b. Tak samo po njechaniu kursorem nad c. Chciałbym aby wtedy w ciągle tym samym punkcie strony F wyświetlał sie kolejny obrazek.
Ogólnie rzecz ujmując zakładamy że najechanie na link np w lewej części strony (np na małą gwiazdkę) wyświetlało w innym punkcie strony jakby specjalnej tabelce np napis 'gallery'
mam nadzieję że wiecie o co mi chodzi :)
Jeśli za pomocą JS to może znacie konkretny skrypt i wiecie gdzie go znaleźć bo serio niewiem juz jak ten efekt nazwać i przez to mam problem z szukaniem :)
Tu jest coś w tym stylu: http://www.dynamicdr...x5/linkinfo.htm
<script>function cPict(d,s) { document.getElementById(d).src=s; }</script> <a href="#" onmouseover="cPict('t','lolek.png');">mouse here!</a> <img src="obrazek.jpg" id="t" />
<script>function cTxt(d,s) { document.getElementById(d).innerHTML=s; }</script> <a href="#" onmouseover="cTxt('t','tekst');">mouse here!</a> <div id="t">cos</div>
A DIVa czy IMGa ustaw sobie gdzie chcesz :P
Użytkownik DJ_ProG edytował ten post 30 październik 2006, 12:56
<script>function cPict(d,s) { document.getElementById(d).src=s; }</script> <a href="#" onmouseover="cPict('t','lolek.png');">mouse here!</a> <img src="obrazek.jpg" id="t" />
<script>function cTxt(d,s) { document.getElementById(d).innerHTML=s; }</script> <a href="#" onmouseover="cTxt('t','tekst');">mouse here!</a> <div id="t">cos</div>
A DIVa czy IMGa ustaw sobie gdzie chcesz :P
dzięki, dodałem jeszcze analogiczny on mouseout aby obrazek wracał do stanu poczatkowego po 'zjechaniu' odnosnika kursorem
zmieniłem także 'mouse here' na link do obrazka, dzieki temu zamiast linku tekstowego mamy link z obrazka
i tu pojawia sie moje pytanie szczegółowe. czy dla obrazka który wprowadziłem zamiast mouse here! można ustawić zwykły rollover (podmienic obrazki) poprzez js ?
Na przykładzie :) Po prostu aby po najechaniu na odnosnik z obrazkiem avatara (ava1) po prostu także i ten obrazek zmniał sie w inny (np ava2)
http://izolatka.org/test/test.html
oczywiście :)
na przykład:<script>function cPict(d,s) { document.getElementById(d).src=s; }</script>i...<a href="#" onmouseover="cPict('t','lolek.png');"><img src="a.gif" id="li" onmouseover="cPict('li','bb.gif');" onmouseout="cPict('li','a.gif');" /></a> <img src="obrazek.jpg" id="t" />albo<a href="odnosnik"><img src="a.gif" id="li" onmouseover="cPict('t','lolek.png');cPict('li','bb.gif' );" onmouseout="cPict('li','a.gif');" /></a> <img src="obrazek.jpg" id="t" />chyba już rozumiesz o co chodzi, więc kombinuj dalej sam :)
Ok, mam pewien problem. Metoda fajna ale pozwala dodać tylko jeden obrazek który wyswietli sie w innej części strony.
Np:
Zaużmy że mamy nawigację, a do niej przyciski A B C D ........ i trochę dalej miejsce (nazwijmy je 'Ramką Z') w ktorym po najechaniu na A wyswietla się home, na B gallery itd .
O ile dzieki dodaniu ID do obrazka 'Ramki Z' może on wyświetlić w trybie rollover zauzmy obrazek przypisany do B :) to juz nie do C bo id w Z może być tylko jedno ...
może dodam frag. kodu aby pokazać o co mi chodzi
<div id="ramka"> <img src="images/news.png" width="158" height="33" alt="" id="t" > </div> <div id="tab2"> <a href="aboutme.html" onmouseover="cPict('t','images/aboutme.png');" onmouseout="cPict('t','images/news.png');"><img src="images/tab2.png" width="65" height="40" alt="" id="li" onmouseover="cPict('li','images/tab2_roll.png');" onmouseout="cPict('li','images/tab2.png');" /></a> </div>
tutaj wszystko ok, ale co jeśli chcę dodać kolejny element nawigacji do
<div id="ramka"> <img src="images/news.png" width="158" height="33" alt="" id="t" > </div>
np:
<div id="tab3"> <a href="aboutme.html" onmouseover="cPict('x','images/sedcard.png');" onmouseout="cPict('x','images/aboutme.png');"><img src="images/tab3.png" width="52" height="63" alt="" id="li2" onmouseover="cPict('li2','images/tab3_roll.png');" onmouseout="cPict('li2','images/tab3.png');" /></a> </div>
dałem tutaj inne ID (x)aby ładowało sie inne foto -
jednak przecież zapis tego typu np jest niepoprawny:
<div id="ramka"> <img src="images/news.png" width="158" height="33" alt="" id="t" id="x"> </div>
Mógłbyś dać mi jakąś radę .... czy może czeka mnie spotkanie z flashem ? :)
Użytkownik rotsap edytował ten post 01 listopad 2006, 23:59
Nic nie rozumiem. Po co Ci kilka IDów? I dlaczego masz obrazek w linku, i obu tych atrybutach masz wywołąnie do skrtyptu? Wrzuć to do jednego i oddziel polecenia średnikami, jak ja to zrobiłem wyżej.