Forum PHP.pl

Chciałbym, aby div był linkiem. Ustawiłem sobie w css'ie cursor: pointer i myślałem, że onclick w divie załatwi sprawę, jednak nie.
Próbowałem tak: <div onclick="direct('adres.php');"> tresc </div> (direct() to na pewno dobra funkcja, bo w innych przypadkach działa).
Jak zrobić, aby cały div był linkiem?

pzdr

Pokaż kod funkcji direct.

ps. kod umieszczaj w bbcode.

[HTML] pobierz, plaintext 
function direct(adres) {
   window.location = adres;
}
[HTML] pobierz, plaintext 

Było niedawno, zobacz tu.

Dzięki za link (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Jednak mam div, w którym są jeszcze 3 divy. Dałem odpowiednie style i odnośnik za otwierającym znacznikiem głównego div, ale linkiem stał się tylko pierwszy 'poddiv'. Tak to wygląda, chodzi o ramkę z encyklopedią po lewej stronie: http://pytak.no-ip.org/~trudny/new_moto/
Chciałbym jeszcze, aby w divie tekst nie był zamieniany na linki, tzn. pozostał dla przykładu biały, można coś takiego robić, czy css dla każdego?

Doszedłem do wniosku, że w mojej funkcji zamiast window.location powinno być window.location.href, mam rację? Tylko czemu w niektórych przypadkach przekierowanie działało bez '.href'?
I chyba jednak zrobię na onclick, bo to najbardziej mi pasuje, dokładnie cały div jest linkiem, niewykluczając paddingów...

Ten post edytował KCG 9.05.2008, 12:21:30

A nie możesz zamienić głównego div-a na znacznik a?
Nadasz mu styl dusplay: block i po sprawie. Będzie cały klikalny wraz z zawartością.

Nie wiem czemu, ale jak tak zrobiłem to obramowanie zniknęło. Z tym, że wewnątrz zostawiłem divy, może tak być? Bo logicznie wtedy <a> zachowuje się, jak <div>.

Jak zamienisz głównego diva na a, to musisz jeszcze skopiować wszystkie style, które były przypisane do tego diva.

Nie polecam... Takie rozwiązania (do tego JS) są strasznie niesemantyczne. Będziesz miał problemy z robotami googlów itd, bo one nie wiedzą co to jest JS. Po prostu dajesz display:block; i po sprawie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Dawałem tą klasę, co dla div'a, w sumie mogę pomyśleć. Ale mam jeszcze pytanko, co do tego sposobu onclick: i tak w każdym divie jest normalny link, więc będzie to takie szkodliwe?

Jeśli dasz onclick oraz zwykły link, to różne przeglądarki będą się różnie zachowywać. W jednej wykona się on click, w innej zadziała link. Poza tym używanie onclick w sytuacji, gdy w zupełności wystarczy link, spowoduje, że roboty indeksujące nie będą w stanie śledzić łączy na Twojej stronie.

Tak, ale cały div jest linkiem, dzieki onclick, a jeśli to nie zadziała to jest w środku zwykły link tekstowy. Logicznie rzecz ujmując, to roboty indeksujące pominą onclick i trafią na zwykły link, dobrze myślę?

Nie do końca podwójna, bo mi właśnie bardziej odpowiada efekt, ale to już każdy ma własną skalę.
W każdym razie wielkie dzięki za wyczerpującą odpowiedź (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

No nie za bardzo, bo dlaczego różne preglądarki miałyby różnie odczytywać? Robisz w onclicku return false i href sie nie wykona.

Będą bo będzie link



Twoje rozwiązanie jest ok, ale nie do końca. A jest elementem liniowym i nie mozna do niego wrzucać div-ów.

@KCG zrów tak: głównego div-a zamien na "a" i nadaj mu display:block. Pozostałe div-y zamien na "span" i także nadaj im display:block;
"Span" jest elementem liniowym więc może być w "a"

Ten post edytował woj_tas 10.05.2008, 14:09:35

Jeśli dasz return false w onclick dla div-a, to w żaden sposób to nie wpłynie na znacznik a. Return false zadziała tylko w przypadku, gdy onclick znajdzie się w a.

Nigdzie nie jest napisane, że chodzi o doctype strict, więc nie ma potrzeby martwić się o to, że div znajduje się w a. Ale jeśli rzeczywiście ma się strona walidować dla strict, to masz rację.