Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> ukryty obrazek za pomoca [JS] czy [CSS], po najechaniu na linka chce zeby sie pokazal obrazek
kamiseq
post 24.06.2006, 14:37:52
Post #1





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 12.07.2005
Skąd: krakow

Ostrzeżenie: (0%)
-----


jak w opisie chcialbym zrobic aby z mojego menu usunac zdjecia opisujace kategorie i zastapic je bardizej estetczynymi linkami tekstowymi, ale dla uzytkownika mojej stronki uzyteczniejsza bedzie informacja o tym linku jesli zobaczy obrazek i nie bedize musial wchodzic do kazdej z kategorii zeby stwierdzic ze znalazl to o co mu chodzi

[kiedys na digarcie cos podobnego widzialem]

mozna by bylo to zrobic za pomoca css i hovera - tylko ze po pierwsze IE to moze dziwnie obslugiwac | trzeba bedzie zrobic tyle elementow z brazkami ile linkow...

wiec

moze zrobic funkcje w JS i przekazywac do niej url do obrazka i onfocus albo cos takiego do linka -

probelm - prawie wcale nie znam javy, a szukalem po tym forum jakiejs podobnej funkcji i nie mialem szczescia.

nie licze ze ktos mi poda gotowe rozwiazanie na talerzu ale oczekuje na pare wskazowek i punkt startowy dla funkcji w JS

z gory dzieki - kamis guitar.gif
Go to the top of the page
+Quote Post
mike
post 24.06.2006, 14:42:51
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


  1. <script type="text/javascript">
  2. function show( id )
  3. {
  4. document.getElementById( id ).style.display = 'block';
  5. }
  6.  
  7. function hide( id )
  8. {
  9. document.getElementById( id ).style.display = 'none';
  10. }
  11.  
  12. <a href="#" onclick="return false" onmouseover="show( 'obrazek' );" onmouseout="hide( 'obrazek' );">link</a>
  13. <img id="obrazek" src="path" alt="dupa" style="display: none;" />
Go to the top of the page
+Quote Post
kamiseq
post 24.06.2006, 14:58:30
Post #3





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 12.07.2005
Skąd: krakow

Ostrzeżenie: (0%)
-----


dobra punkt dla cibie:]
ale czymoglbym zrobic cos w stylu

nie chce definiowac n imgow i je pokazywac lub chowac
wiec np zdefiniuje sobie w odpowiednim miejscu div czy img(whatever), gdzie id to id tego elementu do pokazania i
  1. <?php
  2. function pokaz(url, posX, posY){
  3.  document.getElementById( id ).style.top = posX;
  4.  document.getElementById( id ).style.left = posY;
  5.  document.getElementById( id ).src = url;
  6.  document.getElementById( id ).style.display = 'block';
  7. }
  8. ?>


czy cos takiego by przeszlo?

i jeszcze szybkie pytanie co onazacza > onclick="return false" <

Ten post edytował kamiseq 24.06.2006, 14:59:20
Go to the top of the page
+Quote Post
mike
post 24.06.2006, 15:03:16
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


Cytat(kamiseq @ 24.06.2006, 15:58 ) *
nie chce definiowac n imgow i je pokazywac lub chowac
wiec np zdefiniuje sobie w odpowiednim miejscu div czy img(whatever), gdzie id to id tego elementu do pokazania i
  1. <?php
  2. function pokaz(url, posX, posY){
  3.  document.getElementById( id ).style.top = posX;
  4.  document.getElementById( id ).style.left = posY;
  5.  document.getElementById( id ).src = url;
  6.  document.getElementById( id ).style.display = 'block';
  7. }
  8. ?>


czy cos takiego by przeszlo?

Oczywiście. Popróbuj i uda się na pewno.

Cytat(kamiseq @ 24.06.2006, 15:58 ) *
i jeszcze szybkie pytanie co onazacza > onclick="return false" <

To dałem żeby strona sie nie przeladowała po kliknięciu. Zwyczajowo tak dają na kinkach, które nie koniecznie służą do przejścia gdzieś dalej.
Oczywiście w przypadku, kiedy ten link ma dzialać jak zwykły link, to return false; musi być usunięte.
Go to the top of the page
+Quote Post
kamiseq
post 24.06.2006, 15:06:35
Post #5





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 12.07.2005
Skąd: krakow

Ostrzeżenie: (0%)
-----


tack so mycket

ide testowac;]
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 10:18