php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 21.05.2006, 06:03  
Juuro
Gast
 
Beiträge: n/a
Standard Rollover an anderer Stelle

Ich möchte gerne, dass wenn man über einen Link fährt an anderer Stelle ein Text erscheint. Also ca. so:
Code:
ich bin der link








ich bin der Text der nur erscheinen soll wenn der Cursor über dem obigen Link ist
Wie kann ich dan am geschicktesten realisieren?

Schonmal vielen Dank!
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 21.05.2006, 12:06  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Mit der CSS Eigenschaft "display". "none" für ausblenden, "block" oder "inline" fürs anzeigen.

Setzen kannst du die Werte mittels
document.getElementById("divID").style.display = "none";
wenn der Text den du schreiben möchtest im <div id="divID">..</div> liegt.

Dadurch verschiebt sich allerdings der Inhalt, da ja jetzt Text zusätzlich den Content aufdrückt.

Sonst musst du einen Layer erstellen:
http://www.google.de/search?q=javascript+layer
Zergling-new ist offline   Mit Zitat antworten
Alt 21.05.2006, 13:33  
Juuro
Gast
 
Beiträge: n/a
Standard

Okay, vielen dank! Das funktioniert so. Allerdings nicht in Safari. Ich weiß aber nicht woran das liegt. W3C konform ist es auch.
Gibts vielleicht trotzdem eine Möglichkeit das im Safari ordnungsgemäß zum Laufen zu bekommen?

Hier der Link zur Website: http://www.i-wars.net/newsite

Hier der Code:

JavaScript zum anzeigen der Texte wenn man mit dem Cursor auf dem entsprechenden Link ist:
Code:
function text_in(id)
{
	if (document.getElementById) {
		document.getElementById(id).style.display="block";
	}
}

function text_out(id) 
{
	if (document.getElementById) {
		document.getElementById(id).style.display="none";
	}
}
Die anzuzeigenden Texte:
Code:
...
	<tr valign="top">
		<td>
			<div  style="display:none;" id="forum"><h2 align="center">Forum</h2></div>
	  </td>
		<td>
			<div id="weblog" style="display:none;"><h2 align="center">Weblog</h2></div>
	  </td>
		<td>
			<div id="chat" style="display:none;"><h2 align="center">Chat</h2></div>
		</td>
		<td>
			<div id="galerie" style="display:none;"><h2 align="center">Galerie</h2></div>
		</td>
		<td><h2></h2></td>
	</tr>
...
Die Links mit den onmouseover und onmouseout Angaben:
Code:
...
<map name="Map" id="Map"><area shape="circle" coords="132,151,33" href="http://www.i-wars.net/forum/" target="_self" alt="Forum" onmouseover="rein1('platzhalter1',intro_1_ro.src);text_in('forum');" onmouseout="raus1('platzhalter1',intro_1.src);text_out('forum');" alt="Forum" />
</map>
<map name="Map2" id="Map2"><area shape="circle" coords="110,151,36" href="http://blog.twoseb.de" target="_self" alt="Weblog" onmouseover="rein1('platzhalter2',intro_2_ro.src);text_in('weblog');" onmouseout="raus1('platzhalter2',intro_2.src);text_out('weblog');" />
</map>
<map name="Map3" id="Map3"><area shape="circle" coords="84,150,37" href="http://www.i-wars.net/gtchat/" target="_self" alt="Chat" onmouseover="rein1('platzhalter3',intro_3_ro.src);text_in('chat');" onmouseout="raus1('platzhalter3',intro_3.src);text_out('chat');" />
</map>
<map name="Map4" id="Map4"><area shape="circle" coords="69,154,38" href="http://www.i-wars.net/fotografie.php" target="_self" alt="Galerie" onmouseover="rein1('platzhalter4',intro_4_ro.src);text_in('galerie');" onmouseout="raus1('platzhalter4',intro_4.src);text_out('galerie');" />
</map>
...
  Mit Zitat antworten
Alt 21.05.2006, 14:20  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Safari kenne ich mich nicht aus, aber versuch doch mal rauszufinden warum es nicht geht.

Wir die Funktion garnicht erst angestossen? Kennt Safari document.getElementById() nicht? ...

Sonst auf Layer umsteigen. Aber eigentlich sollte der Safari das alles können, zumindest ab v1.0. Was ist bei Safari denn aktuell?

http://de.selfhtml.org/javascript/ob..._element_by_id
http://de.selfhtml.org/css/eigenscha...ng.htm#display
Zergling-new ist offline   Mit Zitat antworten
Alt 21.05.2006, 14:40  
Juuro
Gast
 
Beiträge: n/a
Standard

Bei Safari ist Version 2.0.3 aktuell:

Also das Selfhtml-Beispiel von getElementById() funktioniert bei mir im Safari auch nicht!

Das komische ist ja, dass wenn man mit dem Cursor auf einen dieser Knubbel geht, und dann neu läd, dann erscheint die Schrift nachdem die Seite neugeladen wurde. Wenn mand ann wieder weg geht, ist die Schrift weg, wenn man dann wieder drauf geht ist aber halt immernoch weg!
Komische Sache das...
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ausgeben der DB Daten nicht an richtiger Stelle Kein Genie PHP Tipps 2008 4 11.06.2008 10:55
Ordner an ganz anderer Stelle mit mkdir() dethlef14 PHP Tipps 2006 2 11.10.2006 22:42
Elemente an einer x beliebigen Stelle positionieren phpbeginner HTML, Usability und Barrierefreiheit 7 24.08.2006 17:48
Probleme bei Rollover Fraylman PHP Tipps 2007 7 29.12.2005 01:33
Image Rollover GSJLink HTML, Usability und Barrierefreiheit 2 09.07.2005 15:17
Mehere Frames gleichzeitig laden & Rollover HTML, Usability und Barrierefreiheit 3 07.07.2005 15:46
IncludeDatei erst an bestimmter Stelle ausgeben? PHP Tipps 2005-2 11 29.06.2005 14:12
Text an bestimmte stelle von Datei einfügen nieselfriem PHP Tipps 2005 8 20.04.2005 14:51
zu einer stelle im script springen PHP Tipps 2005 12 15.04.2005 12:05
String an bestimmter Stelle einfügen PHP Tipps 2005 1 14.01.2005 11:38
Rollover Problem HTML, Usability und Barrierefreiheit 6 24.11.2004 14:48
Wie stelle ich die Fehler aus? PHP-Fortgeschrittene 2 16.10.2004 21:25
an bestimmter stelle eines files etwas hineinschreiben PHP Tipps 2004 9 28.07.2004 13:23
datensatzt an erster stelle schreiben Datenbanken 3 28.06.2004 15:46
formular button linkt an interne Stelle PHP Tipps 2004 1 08.06.2004 10:02

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
javascript rollover andere position, rollover andere position, rollover verschiebt sich in safari, bei rollover bei cursor text erscheinen, php rollover einblenden, rollover an anderer stelle, bei rollover text an bestimmter stelle anzeigen, rollover text php, roll over an einer andreren stelle, javascript bild bei rollover an anderer stelle anzeigen, html rollover an einer anderen stelle, area shape rollover, javascript rollover andere stelle, safari rollover bei text problem, rollover <area shape=\circle\, safari getelementbyid, mit onmouseover einen div erscheint an anderer position

Alle Zeitangaben in WEZ +2. Es ist jetzt 04:18 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.