Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ukryty obrazek za pomoca [JS] czy [CSS]
Forum PHP.pl > Forum > Po stronie przeglądarki
kamiseq
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
mike
  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;" />
kamiseq
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" <
mike
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.
kamiseq
tack so mycket

ide testowac;]
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.