Mouse-over Generator

18.05.2008 15:47
#1 Mouse-over Generator
Te
Mitglied

Ich habe ein mittelschweres Problem.
Allzugerne würde ich bei mir einen solchen Mouse-over Generator in´s Forum bauen.
Nur irgendwie scheint das nicht recht zu funktionieren.
Die Anzeige des Generator´s ist perfekt.Nur wenn ich auf den "Code erstellen"-Button
klicke rührt sich überhaupt nichts!
Kann mir evtl. hier jemand bei diesem Problem helfen?

Hier der Script des Generator´s:

<script type="text/javascript">
<!--

check = 0;

function generator()
{
if (document.formular.original.value == "")
{
document.formular.einbau.value = 'Bitte Bild URL 1 angeben!';
return false;
}
if (document.formular.austausch.value == "")
{
document.formular.einbau.value = 'Bitte Bild URL 2 angeben!';
return false;
}
if (document.formular.link.value == "")
{
document.formular.einbau.value = "<img src=\"" + document.formular.original.value + "\" onMouseOver=\"this.src='" + document.formular.austausch.value + "'\" onMouseOut=\"this.src='" + document.formular.original.value + "'\">";
document.formular.testbild.src = document.formular.original.value;
check = 1;
}
if (document.formular.link.value != "")
{
if (document.formular.ziel.value == "")
{
document.formular.einbau.value = "<a href=\"" + document.formular.link.value + "\"><img src=\"" + document.formular.original.value + "\" border=\"0\" onMouseOver=\"this.src='" + document.formular.austausch.value + "'\" onMouseOut=\"this.src='" + document.formular.original.value + "'\"></a>";
document.formular.testbild.src = document.formular.original.value;
check = 1;
}
if (document.formular.ziel.value != "")
{
document.formular.einbau.value = "<a href=\"" + document.formular.link.value + "\" target=\"" + document.formular.ziel.value +"\"><img src=\"" + document.formular.original.value + "\" border=\"0\" onMouseOver=\"this.src='" + document.formular.austausch.value + "'\" onMouseOut=\"this.src='" + document.formular.original.value + "'\"></a>";
document.formular.testbild.src = document.formular.original.value;
check = 1;
}
}
}

function over()
{
if (check == 0)
{ document.formular.testbild.src = "grafik/dummy.gif"; }
if (check == 1)
{ document.formular.testbild.src = document.formular.austausch.value; }
}

function out()
{
if (check == 0)
{ document.formular.testbild.src = "grafik/dummy.gif"; }
if (check == 1)
{ document.formular.testbild.src = document.formular.original.value; }
}

function kopieren()
{
document.formular.einbau.select();
document.execCommand('Copy');
}

//--></script><br><p style="font-size: 8pt; font-weight: bold; color: rgb(255, 255, 255);"><br></p><br><p style="font-size: 8pt; font-weight: bold; color: rgb(255, 255, 255);"></p><div>
<form name="formular" action="">
<table bgcolor="#d7ffff" border="1" cellpadding="5" cellspacing="0">
<tbody><tr><td>URL. - Bild 1<br></td><td><input name="original" size="40" style="width: 400px;" type="text"></td></tr>
<tr><td>URL. - Bild 2<br></td><td><input name="austausch" size="40" style="width: 400px;" type="text"></td></tr>
<tr><td>Ziel - URL.<br><font style="color: rgb(255, 0, 0);" size="1">(Seite die sich öffnen soll)</font><br></td><td><input name="link" size="40" style="width: 400px;" type="text"></td></tr>
<tr><td>Zielfenster *<br><font style="color: rgb(255, 0, 0);" size="1">(z.B.&nbsp; _blank, _self /&nbsp; *optional)<br></font></td><td><input name="ziel" size="40" style="width: 400px;" type="text"></td></tr>
<tr><td>HTML-Code:<br></td><td><textarea name="einbau" cols="80" rows="5" style="overflow: auto; width: 400px; height: 100px;">Hier erscheint der HTML Code zum Einbau der MouseOver-Buttons ...</textarea></td></tr>
<tr><td colspan="2" align="center"><button type="button" onclick="generator()">Code erstellen</button>&nbsp;&nbsp;<button type="reset" onclick="check = 0; over(); out();">Formular Reset</button>&nbsp;&nbsp;<button type="button" onclick="kopieren()">Code markieren</button></td></tr>

<tr><td colspan="2" style="text-align: center;">&nbsp;</td></tr>
<tr><td colspan="2" style="text-align: center;">Vorschau<br></td></tr>
<tr><td colspan="2" style="text-align: center;"><img name="testbild" src="grafik/dummy.gif" alt="" onmouseover="over()" onmouseout="out()" border="0"></td></tr>
</tbody></table>
</form>
</div>

<br>
<br>


 Antworten

 Beitrag melden
18.05.2008 15:49
#2 RE: Mouse-over Generator
Te
Mitglied

Sorry!!!!
Vielleicht sollte man doch erst genauer hinschaun,bevor man postet!*schäm*
Es funktioniert! Hab den Fehler bereits bemerkt!
Und auch noch mal SORRY,das ich hier den Rahmen ein wenig gesprengt habe!

Gruss vom Teufel0815


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!