Link der NICHTS macht

[Arthur Dent]

Hallo,

Gibt es eine Möglichkeit einen Link zu deklarieren, der nichts macht (am besten nicht mal den Mauszeiger zur Hand)?
Ich möchte nämlich an einigen Stellen meines Formulares Info-Symbole einfügen, die bei Mouseover einen Tooltip anzeigen.

Hierfür verwende ich folgende CSS-Formatierungen:
div#links {
  position: relative;
  top: 0px;
  left: 0px;
  width: 170px;
  height: 10px;
  font: 16px Verdana, sans-serif;
  z-index: 100;
  }

div#links a {
  display: inline;
  text-align: center;
  font: bold 1em sans-serif;
  padding: 0px 10px;
  margin: 0 0 1px;
  }

div#links a:hover {
  border-left: 0px;
  border-right: 0px;
  }

div#links a span {display: none;}
div#links a:hover span {
   display: inline;
   position: absolute;
   top: 0px;
   left: 150px;
   width: 260px;
   padding: 5px;
   z-index: 100;
   color: #000000;
   background: #FFFFCC;
   font: 10px Verdana, sans-serif;
   text-align: center;
   }

Im HTML-Teil nutze ich das wie folgt:
<div id="links"><a href="SOLL NIX MACHEN"><img src="design/info.png" alt="info"></img><span>TEXT DER NUR ERSCHEINT, WENN MAN MIT DER MAUS ÜBER DAS BILD FÄHRT</span></a></div>

Das Problem ist nun, dass ich an dieser Stelle eigentlich gar keinen Link haben will. Deshalb habe ich den Link erstmal ohne href angegeben. Im Mozilla funktioniert das auch (d.h. der Tooltip wird angezeigt, aber man kann nichts anklicken), der IE kann aber wohl nichts mit <a> ohne href anfangen und zeigt keinen Tooltip an. Die Angabe href="" oder href="#" lässt zwar den Tooltip erscheinen, allerdings wird dann beim Anklicken auch die Seite neu geladen, was dazu führt, dass alle bisher eingegebenen Daten weg sind.

Dieses Problem kann ich zwar umgehen, indem ich den Link auf einen Anker verweisen lassen, der an gleicher Stelle sitzt, aber mir wäre es lieber,wenneinfach gar nichts passiert (das Anzeigen des "Hand-Cursors" und das springen zum Anker irritieren doch etwas).

Gibt es hierfür eine Lösung?

Ach, und nochwas...wenn dem Tooltip ein Eingabefeld "in die Quere" kommt, so wird er im IE vom Eingabefeld verdeckt. Ist das eine Sache des Browsers, oder kann man das umgehen?

Danke im Voraus,
Arthur Dent

So long, and thanks for all the fish... <<

[Jörg Peschke]

Sofern Du auf Deiner Seite JavaScript gestattest:
was ist mit <a href="javascript:false;"> oder so ähnlich?

[Arthur Dent]

Hi,

Sofern Du auf Deiner Seite JavaScript gestattest:
was ist mit <a href="javascript:false;"> oder so ähnlich?

Sorry, das habe ich vergessen zu erwähnen:

• Kein JavaScript!

Und das ganze ohne CSS-Tooltip und statt dessen über das title-Attribut zu realisieren, funktioniert auch nicht, da Mozilla lange Texte im title-Attribut einfach abschneidet.

Trotzdem Danke

[Ingo Turski]

Hi,

Sofern Du auf Deiner Seite JavaScript gestattest:
was ist mit <a href="javascript:false;"> oder so ähnlich?

Sorry, das habe ich vergessen zu erwähnen:

Ohne geht es nur mit einem passenden Anker(-sprung). Kombiniere beides und Du hast bei deaktiviertem Javascript keinen und bei aktiviertem einen passenden Sprung. Wenn Du außerdem cursor:help; definierst, sollte die Sache eigentlich klarer sein.

freundliche Grüße
Ingo

[Gunnar Bittersmann]

Gibt es eine Möglichkeit einen Link zu deklarieren, der nichts macht (am besten nicht mal den Mauszeiger zur Hand)?
Ich möchte nämlich an einigen Stellen meines Formulares Info-Symbole einfügen, die bei Mouseover einen Tooltip anzeigen.

Arthur,
Du hast die Frage falsch gestellt. Du willst gar keinen Link, sondern ein Tooltip. Das bekommst du mit dem title-Attribut.
Gunnar

[Arthur Dent]

Hallo Gunnar,

Du willst gar keinen Link, sondern ein Tooltip. Das bekommst du mit dem title-Attribut.
Gunnar

Sorry, aber im 1. Posting hab ich vergessen zu erwähnen, dass das mit title nicht richtig funktioniert, weil Mozilla lange Texte im title-Attribut abschneidet...

Trotzdem Danke

Gruß,
Arthur

[Auge]

Hallo

Sorry, aber im 1. Posting hab ich vergessen zu erwähnen, dass das mit title nicht richtig funktioniert, weil Mozilla lange Texte im title-Attribut abschneidet...

Das Attribut heißt ja auch "title" und nicht "roman". *scnr*

Tschö, Auge

[wahsaga]

hi,

Ich möchte nämlich an einigen Stellen meines Formulares Info-Symbole einfügen, die bei Mouseover einen Tooltip anzeigen.

wieso glaubst du dazu einen link zu brauchen?

das title-attribut ist für so gut wie jedes HTML-element definiert.

gruß,
wahsaga

[WebFix]

Hallo!

Viele Fragen auf Einmal...

Notiere die Links so: <a href="#" onClick="return false;">, dann
wird das Neuladen der Seite unterbunden. Den Handcursor kannst du durch Hinzunahme des Attributs style="cursor:default;" verschwinden lassen.
Mir ist leider keine Methode die in allen Browsern funktioniert zur Anzeige einer Grafik über einem Eingabefeld bekannt.

Gruß

WebFix

[Arthur Dent]

Hi,

Notiere die Links so: <a href="#" onClick="return false;">, dann
wird das Neuladen der Seite unterbunden. Den Handcursor kannst du durch Hinzunahme des Attributs style="cursor:default;" verschwinden lassen.

Ich schätze mal, das ist genau das, was ich gesucht habe *g

Mir ist leider keine Methode die in allen Browsern funktioniert zur Anzeige einer Grafik über einem Eingabefeld bekannt.

Nun, dann werde ich wohl das Layout etwas ändern müssen, damit sich Tooltip und Eingabefeld nicht überschneiden.

MfG,
Arthur