• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hintergrundbild im div / Hyperlink zuweisen

Schnuckenpapa

Schnuckenpapa

New member
Hallo und guten Morgen!
Ok, eigentlich sollte man schlafen aber folgende Fragen lassen mich nicht in Ruhe:
1.) Warum geht das nicht, dass bei onmouseover das Hintergrundbild im div gewechselt wird?
2.) Wie kann ich dem div einen Hyperlink zuweisen?
(Grund für die ganze Aktion: Lösen von MsFp-Design, erreichen von w3c Konformität).
Ich bitte um Hilfe bzw. Erklärung.

Danke vorab und guten Schlaf
Schnuckenpapa

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 31</title>
<style type="text/css">
.d
{width:140px; 
height:60px; 
font-weight: bold; 
font-size:14pt; 
font-style:italic; 
text-align:center; 
background-image:url('locke_gn.gif'); 
color:yellow;
}
</style>
<script type="text/javascript">
function change()
{
	document.getElementById(d1).style.background-image:url('locke_bl.gif');
}
</script>


<body style="background-image:url('stoff.jpg')">

<div id="d1" class="d" onmouseover="change(d1)">
	<p style="margin-top: 18px; margin-bottom: 0"> Versuch </p>
	</div>
</body>
</html>
 
Moin!

Was das Bildchen angeht:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Beispiel</title>
<style type="text/css">
.d{width:140px;
height:60px;
font-weight:bold;
font-size:14pt;
font-style:italic;
text-align:center;
background-image:url(locke_gn.gif);
color:yellow;
}
</style>
<script type="text/javascript">
function change(obj){
obj.style.backgroundImage='url(locke_bl.gif)';
}
</script>
</head>
<body style="background-image:url(stoff.jpg)">
<div id="d1" class="d" onmouseover="change(this)">
<p style="margin-top:18px; margin-bottom:0"> Versuch </p>
</div>
</body>
</html>
Bei Deiner Variante mit Übergabe der id müßtest Du im Funktionsaufruf die id in Hochkommata packen => onmouseover="change('d1')" - die Funktion könnte dann so aussehen:
PHP: 
function change(id)
{
	document.getElementById(id).style.backgroundImage='url(locke_bl.gif)';
}
In Sachen Hyperlink könntest Du entweder dem div eine onclick-Geschichte verpassen und mit location.href arbeiten oder anstelle des p-Tags im div einen a-Tag benutzen, den Du mit CSS wie gewünscht formatierst.

Ahoi - Pit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben