"Geht nicht" ist eine ungenügendstellende Fehlerbeschreibung. Was passiert denn? Gibt es JavaScript-Fehler in der JavaScript-Konsole? Mit welchem Browser testest Du?
Ja, das ist das Problem es macht nichts. ;)
Ich hab mittlerweile noch ne andere Lösung gefunden aber die geht auch nicht vl. wisst ihr da warum:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Infos - Selbstpräsentation</title>
<style type="text/css">
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
</style>
</head>
<script type="text/javascript">
function changeBg(farbe)
{
document.getElementById('div1').style.backgroundColor = farbe;
document.getElementById('zelle1').style.backgroundColor = farbe;
document.getElementById('zelle2').style.backgroundColor = farbe;
document.getElementById('p1').style.color = farbe;
}
function schriftfarbe(sfarbe)
{
document.getElementById('div1').style.color = sfarbe;
}
function randfarbe(rfarbe)
{
document.getElementById('div2').style.borderColor = rfarbe;
}
</script>
<body id="div1">
<div id="div2" style="border:20px solid; border-color:rgb(191,255,255); height:400px; padding:62px; margin-top:55px" align="center">
<div id="div1" style="background-color:#CCCCCC; height:390px; width:180px; float:left; text-align:left; padding-left:5px; padding-top:5px;">
<div style="padding-left:25px; padding-top:20px">
Hintergrundfarbe:<br />
<input name="farbe" type="radio" value="red" onclick="changeBg(this.value)" /> Rot <br />
<input name="farbe" type="radio" value="green" onclick="changeBg(this.value)" /> Grün <br />
<input name="farbe" type="radio" value="blue" onclick="changeBg(this.value)" /> Blau <br />
<input name="farbe" type="radio" value="white" onclick="changeBg(this.value)" /> Weiß <br />
Schriftfarbe:<br />
<input name="sfarbe" type="radio" value="red" onclick="schriftfarbe(this.value)" /> Rot <br />
<input name="sfarbe" type="radio" value="green" onclick="schriftfarbe(this.value)" /> Grün <br />
<input name="sfarbe" type="radio" value="blue" onclick="schriftfarbe(this.value)" /> Blau <br />
<input name="sfarbe" type="radio" value="white" onclick="schriftfarbe(this.value)" /> Weiß <br />
<input name="sfarbe" type="radio" value="black" onclick="schriftfarbe(this.value)" />
Standard <br />
Rahmenfarbe:<br />
<input name="rfarbe" type="radio" value="red" onclick="randfarbe(this.value)" /> Rot <br />
<input name="rfarbe" type="radio" value="green" onclick="randfarbe(this.value)" /> Grün <br />
<input name="rfarbe" type="radio" value="blue" onclick="randfarbe(this.value)" /> Blau <br />
<input name="rfarbe" type="radio" value="white" onclick="randfarbe(this.value)" /> Weiß <br />
<input name="rfarbe" type="radio" value="rgb(191,255,255)" onclick="randfarbe(this.value)" /> Standard <br />
</div>
</div>
<table width="1037" height="431" border="0" align="right" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" valign="middle">
<tr style="color: #000000;" align="center" valign="middle">
<th width="81" height="23" scope="col">INFO</th>
<th width="68" scope="col"><a href="index.html">
<button>Home</button>
</a></th>
<th width="89" scope="col"><a href="wohnort.html">
<button>Wohnort</button>
</a></th>
<th width="97" scope="col"><a href="karriere.html">
<button>Karriere</button>
</a></th>
<th width="92" scope="col"><a href="hobbysbilder.html">
<button>Hobbys/Bilder</button>
</a></th>
<th width="159" scope="col"><a href="berufswunsch.html">
<button>Berufswunsch</button>
</a></th>
</tr>
<tr>
<td id="zelle1" height="10px" colspan="6" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td id="div1" height="300" colspan="6">
<div style="padding-right:10px">
<img id="foo" src="../Bilder/dfgdfgdg" alt="fgdfgdgfdf" border="0" height="300" width="221" align="right"/>
</div>
</td>
</tr>
<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td id="zelle2" height="20px" colspan="6"><a href="impressum.html">Impressum</a></td>
</tr>
</table>
</div>
<p id="p1" style="color:#FFF; text-align:center; font-size:36px"></p>
<script type="text/javascript" src="../JavaScript/jquery-1.4.4.min.js">
</script>
<script type="text/javascript" src="../JavaScript/jquery.jplayer.min.js">
</script>
<script type="text/javascript">
$player = $('<div/>').jPlayer({
swfPath: '../Flash/Jplayer.swf',
solution: 'html, flash',
supplied: 'mp3',
preload: 'metadata',
volume: 0.8,
muted: false,
errorAlerts: false,
warningAlerts: false,
ready: function () {
$(this).jPlayer('setMedia', {
mp3: '../Musik/JamesBond.mp3'
});
}
}).appendTo('body').css({width:'0', position:'absolute', left:'-999px'});
$('#foo').hover(function() {
$player.jPlayer('play');
}, function() {
$player.jPlayer('stop');
});
</script>
</body>
</html>
