[CSS] Tekst menu

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
maciek1243
Posty: 1
Rejestracja: wt mar 11, 2008 10:07 pm

[CSS] Tekst menu

Post autor: maciek1243 »

Witam,

Na zaliczenie piszę stronę. Potrzebuje kod aby po najechaniu na obrazek wyświetlał się tekst. Ważną rzeczą jest także wypozycjonowanie takiego czegoś:
Obrazek

Chcę aby po najechaniu na obrazek wyświetlał się pod nim tekst a obrazki były ułożone w jednej lini :)

Bardzo jest to dla mnie ważne :)

Pozdrawiam,
Maciek :)
gorylek
Zaczyna działać
Zaczyna działać
Posty: 427
Rejestracja: śr gru 19, 2007 7:29 pm

Re: [CSS] Tekst menu

Post autor: gorylek »

JavaScript
Tworzysz strone normalnie w HTML np. Potrzebny Ci jeden element np

Kod: Zaznacz cały

<div id="wyswietlacz"></div>
.
Teraz dla kazdego obrazka piszesz taki kod:

Kod: Zaznacz cały

<img src="grafika.jpg" onfocus="kom('wyswietlacz','Przykladowy tekst')" />
No i teraz piszemy funkcje w JS:

Kod: Zaznacz cały

function kom(id,tekst){
document.getElementById(id).innerHTML = tekst;
}
Jak to zadziała ? Jak najedziesz na wyświetlony na stronie obrazek grafika.jpg, pojawi sie w ramce (<div>) której id nadasz 'wyswietlacz' tekst "Przykładowy Tekst".

Jakiemukolwiek elementowi nie nadasz onfocus="kom('ramka','Moj tekst')" to w ramce o ID "ramka" na stronie (<div id="ramka"...) pojawi sie tekst "Moj tekst".

PS: Pisane z palca i o 23:32 wiec moga wystepowac drobne bledy skladniowe z powodu zdolnosci postrzegania przeze mnie rzeczywistosci ale powinno chodzic raczej.
ODPOWIEDZ