Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: OnMouseOut
Forum PHP.pl > Forum > Przedszkole
comin
Witam
Mam taki skrypcik który po najechaniu kursorem na button zmienia tekst w zdefiniowanej (id) tabeli.
Problem w tym, że po najechaniu tekst się zmienia, a po zjechaniu z buttona zostaje, zamiast przywrócić poprzedni stan.

Kod
<div id="tekst"></div>
<img src='obrazek.jpg' onmouseover='document.getElementById("tekst").innerHTML="wyswietlany tekst"'>
Daimos
no w temacie sam sobie odpowiedziales
  1. <img src='obrazek.jpg' onmouseover='document.getElementById("tekst").innerHTML="wyswietlany tekst"' OnMouseOut='document.getElementById("tekst").innerHTML="tekst poczatkowy"'>
comin
Dziękuję za odpowiedź.
Jednak chodziło mi o powrót, a nie przypisywanie tekstu do onmouseout
Będzie sporo przycisków i do każdego należałoby dopisywać ten sam wstępny tekst...
Daimos
nie widze mozliwosci powrotu, gdy korzystasz z innerHTML
poniewaz ta komenda wstawiasz cos w dana warstwe/pole czy co tam chcesz
jezeli chcesz zrobic pojawiajacy i znikajacy sie napis, to najlepiej ustawic "niewidoczna" warstwe (style-> display: none)
po najechaniu myszka, zmieniasz display na block, a po zjechaniu z powrotem none

z tego co zrozumialem, jakis poczatkowy tekst ma zniknac, wiec zaden problem, dopisujesz w funkcji JS, aby po najechaniu ten pierwszy tekst zniknal
ahh zakrecone, przykladzik:
  1. <div id='tekst_poczatkowy'>tu jakis tekst co zniknie i sie pojawi</div><div id='tekst_onmouseover' style="display:none">tekst po najechaniu myszka'</div>
  2. <img src='obrazek.jpg' onmouseover='document.getElementById("tekst_poczatkowy").style.display="none"; document.getElementById("tekst_onmouseover").style.display="block";' OnMouseOut='document.getElementById("tekst_poczatkowy").style.display="block"; document.getElementById("tekst_onmouseover").style.display="none";'>

no i rzecz jasna, tutaj zrobilem burdel, aby szybciej, najlepiej jakbys zrobil ladna funkcje JS a nie zywcem jak ja
comin
Kurde, ale na tym forum jest szybka obsługa :-)
Serdecznie dziękuję za pomoc!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.