nicht angemeldet
gesamtes <div> clickbar (mit mous hand cursor)
0 0 0
gesamtes <div> clickbar (mit mous hand cursor)
hi,
wie kann ich den gesamten bereich eines DIVs markieren, dass der handcursor bei mouseOver erscheint?
grüsse.
-
Hi,
wie kann ich den gesamten bereich eines DIVs markieren, dass der handcursor bei mouseOver erscheint?
mit der CSS-Eigenschaft cursor.
Cheatah
--
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo!
Hab das Posting gerade zufaellig gesehen,
aber das interessiert mich auch:Das mit dem Cursor veraendern das ist noch simpel,
aber was der Poster da fragt wegen "klickbar"...Geht das, dass man ein Div klickt oder ein <TD> klickt,
und das sich wie ein <a href> verhaelt?waere z.B. interessagt bei Listen,
wenn man hatDatum | Uhrzeit | Poster | titel
und da drunter viele Daten,
waere es interessant wqenn man irgendwo in dem <TD> klickt und
das wie ein Link gewertet wird....Danke,
Aqua-
Hallo,
Geht das, dass man ein Div klickt oder ein <TD> klickt,
und das sich wie ein <a href> verhaelt?Auch hier: Wenn die Zelle nur den Link enthaelt, reicht:
td a display:block;
waere es interessant wqenn man irgendwo in dem <TD> klickt und
das wie ein Link gewertet wird....Ob das sinnvoll ist, sei mal dahingestellt...
Wenn Du normalen Text in der Zelle hast, musst Du JavaScript
zuhilfe nehmen:
<td onclick="window.location.href='seite2.htm';">
(Frei nach http://selfhtml.teamone.de/javascript/objekte/location.htm
und http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm )Gruesse,
Thomas
-
Hallo,
Auch hier: Wenn die Zelle nur den Link enthaelt, reicht:
td a display:block;
Sorry, natuerlich
td a { display:block; }Gruesse,
Thomas
-
Hallo Thomas!
Das mit dem Javascript ist super!
Danke!
-
Hi,
Das mit dem Javascript ist super!
nein, ist es nicht.
Cheatah
--
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-
-
-
vielen dank für euere super hilfen.
cursor:hand; habe ich nicht gefunden....nur cursor:pointer; ?-/...
-
Hi,
cursor:hand; habe ich nicht gefunden....nur cursor:pointer; ?-/...
das liegt daran, dass "hand" eine Microsoft-Erfindung ist, die (nur im IE, andere kennen es nicht) identisch mit "pointer" ist.
Cheatah
--
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
aaaah - vielen dank :-)
p.-
Hallo,
aaaah - vielen dank :-)
Dass es cursor:pointer heisst, hatte ich schon vor 2 Stunden geschrieben.
[pref:t=65407&m=372314]
Wer lesen kann, ist im Vorteil...Gruesse + schoenen Abend,
Thomas
-
-
-
-
-
Hallo,
wie kann ich den gesamten bereich eines DIVs markieren, dass der handcursor bei mouseOver erscheint?
Was willst Du jetzt genau?
Klickbar?
Oder das Haendchen?
Oder beides?Mit HTML alleine erreichst Du nichts von alledem.
Wenn der DIV nur einen einzigen Link enthaelt:
<div><a href="..">Linktext</a></div>
kannst Du ihn mit CSS auszudehnen versuchen:
div a { display:block; }
Das ist IMHO die sinnvollste Loesung.Mit CSS koenntest Du auch sagen, dass ueber
dem DIV der Cursor zum Haendchen (bzw. zum
Link-Cursor) werden soll.
div { cursor:pointer; }
http://www.w3.org/TR/REC-CSS2/ui.html#cursor-props
Das ist aber doof, wenn dann nichts passiert.Mit JavaScript kann man auch den ganzen DIV klickbar
machen und den Cursor veraendern.
Das koennen Dir andere als ich besser erklaeren.Gruesse,
Thomas
-
Hi,
sowas?
<html>
<head><style type="text/css">
#ebene0 {
position:absolute;
top:100px;
left:100px;
width:200px;
height:200px;
visibility:visible;
background-color: red;
layer-background-color: red;
border: none;
cursor: hand;
}</style>
<script language="javascript1.2" type="text/javascript">
function dRef(num) {return (document.layers? document.layers[num] : (document.all? document.all[num] : document.getElementById(num)))}
function go() {
if (document.layers) document.ebene0.captureEvents(Event.CLICK);
dRef("ebene0").onclick = function(e) {
alert(this.id);
if(document.layers)routeEvent(e);
}
}
</script>
</head>
<body onload="go()">
<div id="ebene0"></div>
</body>
</html>Gruesse Joachim