Probleme mit map - dsl-user.de Board - DSL - Hilfe

Quidoff · #1 (**permalink**) 05.07.2004, 22:04

HTML-Code:

<html>
<head>
<title>Klassenfoto</title>
<link rel="stylesheet" href="text.css" type="text/css">
<script type="text/javascript" language="JavaScript">
<!--
function markieren(person)
{
	document.getElementById(person).style = "background-color:yellow;color:blue";
}

function loeschen(person)
{
	document.getElementById(person).style = "background-color:black;color:orange";
}
//-->
</script>
</head>

<body>
<map name="klassenfoto">
<area shape="rect" coords="572,57,612,112"  href="#" onmouseover="javascript:markieren('mueller');"    onmouseout="javascript:loeschen('mueller');">
<area shape="rect" coords="522,60,559,109"  href="#" onmouseover="javascript:markieren('vercellini');" onmouseout="javascript:loeschen('vercellini');">
<area shape="rect" coords="468,59,504,94"   href="#" onmouseover="javascript:markieren('weinlich');"   onmouseout="javascript:loeschen('weinlich');">
<area shape="rect" coords="404,49,440,88"   href="#" onmouseover="javascript:markieren('engel');"      onmouseout="javascript:loeschen('engel');">
<area shape="rect" coords="331,50,376,107"  href="#" onmouseover="javascript:markieren('uhl');"        onmouseout="javascript:loeschen('uhl');">
<area shape="rect" coords="285,69,317,110"  href="#" onmouseover="javascript:markieren('schreiber');"  onmouseout="javascript:loeschen('schreiber');">
<area shape="rect" coords="223,65,258,102"  href="#" onmouseover="javascript:markieren('baum');"       onmouseout="javascript:loeschen('baum');">
<area shape="rect" coords="171,63,203,101"  href="#" onmouseover="javascript:markieren('johanns');"    onmouseout="javascript:loeschen('johanns');">
<area shape="rect" coords="658,107,691,151" href="#" onmouseover="javascript:markieren('pfeifer');"    onmouseout="javascript:loeschen('pfeifer');">
<area shape="rect" coords="561,137,604,183" href="#" onmouseover="javascript:markieren('leisgang');"   onmouseout="javascript:loeschen('leisgang');">
<area shape="rect" coords="496,152,539,195" href="#" onmouseover="javascript:markieren('bloeink');"    onmouseout="javascript:loeschen('bloeink');">
<area shape="rect" coords="441,119,481,162" href="#" onmouseover="javascript:markieren('grob');"       onmouseout="javascript:loeschen('grob');">
<area shape="rect" coords="379,127,418,171" href="#" onmouseover="javascript:markieren('jesgarz');"    onmouseout="javascript:loeschen('jesgarz');">
<area shape="rect" coords="285,131,324,171" href="#" onmouseover="javascript:markieren('schwarz');"    onmouseout="javascript:loeschen('schwarz');">
<area shape="rect" coords="243,128,277,169" href="#" onmouseover="javascript:markieren('dickert');"    onmouseout="javascript:loeschen('dickert');">
<area shape="rect" coords="176,136,208,177" href="#" onmouseover="javascript:markieren('blaumeiser');" onmouseout="javascript:loeschen('blaumeiser');">
<area shape="rect" coords="119,121,156,166" href="#" onmouseover="javascript:markieren('tschepe');"    onmouseout="javascript:loeschen('tschepe');">
<area shape="rect" coords="685,192,723,236" href="#" onmouseover="javascript:markieren('kolb');"       onmouseout="javascript:loeschen('kolb');">
<area shape="rect" coords="601,183,647,229" href="#" onmouseover="javascript:markieren('ditter');"     onmouseout="javascript:loeschen('ditter');">
<area shape="rect" coords="524,202,576,250" href="#" onmouseover="javascript:markieren('amberg');"     onmouseout="javascript:loeschen('amberg');">
<area shape="rect" coords="434,209,471,251" href="#" onmouseover="javascript:markieren('desch');"      onmouseout="javascript:loeschen('desch');">
<area shape="rect" coords="336,200,380,243" href="#" onmouseover="javascript:markieren('schocker');"   onmouseout="javascript:loeschen('schocker');">
<area shape="rect" coords="253,201,297,244" href="#" onmouseover="javascript:markieren('plambeck');"   onmouseout="javascript:loeschen('plambeck');">
<area shape="rect" coords="178,204,219,250" href="#" onmouseover="javascript:markieren('korn');"       onmouseout="javascript:loeschen('korn');">
<area shape="rect" coords="56,217,97,259"   href="#" onmouseover="javascript:markieren('hemm');"       onmouseout="javascript:loeschen('hemm');">
</map>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <h2>Klasse 10h</h2>
    </td>
  </tr>
  <tr>
    <td rowspan="28">
      <img src="klassenfoto.jpg" width="795" height="500" border="0" usemap="#klassenfoto">
    </td>
  </tr>
	<tr>
		<td>
			<h2>&nbsp;&nbsp;&nbsp;&nbsp;Mitglieder:&nbsp;&nbsp;&nbsp;</h2>
		</td>
	</tr>
	<tr>
		<td>
			<p id="amberg" class="namen">Amberg, Linda</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="baum" class="namen">Baum, Olga</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="blaumeiser" class="namen">Blaumeiser, Benedict</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="bloeink" class="namen">Bl&ouml;ink, Carolin</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="desch" class="namen">Desch, Diana</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="dickert" class="namen">Dickert, Michael</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="ditter" class="namen">Ditter, David</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="engel" class="namen">Engel, Sascha</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="grob" class="namen">Grob, Daniel</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="jesgarz" class="namen">Jesgarz, Johannes</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="johanns" class="namen">Johanns, Frededrik</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="kolb" class="namen">Kolb, Julian</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="korn" class="namen">Korn, Christoph</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="leisgang" class="namen">Leisgang, Nathalie</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="mueller" class="namen">Müller, Francesca</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="pfeifer" class="namen">Pfeifer, Marcel</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="plambeck" class="namen">Plambeck, Nils</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="schocker" class="namen">Schocker, Stefanie</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="schreiber" class="namen">Schreiber, Christine</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="schwarz" class="namen">Schwarz, Christian</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="tschepe" class="namen">Tschepe, Benjamin</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="uhl" class="namen">Uhl, Christina</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="vercellini" class="namen">Vercellini, Rebecca</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="weinlich" class="namen">Weinlich, Anja</p>
		</td>
	</tr>
	<tr>
		<td>
			&nbsp;
		</td>
	</tr>
	<tr>
		<td>
			<p id="hemm" class="namen">Fr. Reimann-Hemm</p>
		</td>
	</tr>
</table>
</body>
</html>

Hi Leute,
dieses Script findet ihr auf dieser Seite. Wenn man mit der Maus auf den Kopf eines Schülers geht, dann sollte normalerweiße der Name rechts in der Liste hervorgehoben werden. Mit Opera ist das gar kein Problem, nur mit dem IE geht das net. (Überempfindlicher Drecks-Browser)
Bitte um Hilfe

Quidoff · #2 (**permalink**) 11.07.2004, 12:32

Falls es überhaupt jemanden interessiert: Ich habe das Problem gelöst.

Falsch:

HTML-Code:

document.getElementById(person).style = "background-color:yellow;color:blue";

Richtig:

HTML-Code:

document.getElementById(person).style.backgroundColor = "yellow";
document.getElementById(person).style.color = "blue";

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
WLAN Probleme	dagegen	Wi-Fi / WLAN	9	29.06.2004 17:36
Probleme mit DSL unter Windows 2000	oldman	DSL Software	1	15.05.2004 21:26
Probleme mit Arcor Dsl Modem	Hifijunkie12	DSL Hardware	1	12.02.2004 18:30
Fiberline CAS-3040 Probleme Hilfe	dikl1	Router	13	15.12.2002 13:27
tlink räumt Probleme bei DSL-Zugang ein	sebastian	News Archiv	15	04.11.2002 17:38

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)