Werbungsscript

Willkommen, Gast

Werbungsscript

(1 Leser) (1) Gast

Auf Thema antworten

Neues Thema

Seite:
1
2
3
4

THEMA: Werbungsscript

Werbungsscript 1 Jahr, 7 Monate her #9181

Betzi
OFFLINE
Junior Boarder
Beiträge: 28
Karma: 0

Hi.
Ich wollte jetzt mal auf meiner seite Links für die ganzen sachen einfügen die ich so habe (darunter auch ihr) und nun wollte ich mal fragen ob ihr mir mal ein script schreiben könnt für dashier:

Normal ist das Bild so:

Bild 1
(mit schrift)

Und wenn man Draufdrückt ist es so:

Bild 2
(mit schrift)

also die schrift mach ich da nachher noch drauf und wenn ich dann dadraufklicke komm ich halt dann zu der Seite, wenn ihr noch fragen habt, fragt!

und so sollte dass dann danach so ungefähr aussehen:

Bild 3

> www.funhouse.jimdo.com

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9183

Super_Mario
OFFLINE
Platinum Boarder
Beiträge: 623
Karma: 35

Hallo,

ich hab dir ein passendes Javascript dazu erstellt

Hier ist der Code:

<form name="Button1" action="">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279304507/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup="javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)">
</form>
<form name="Button2" action="" style="display: none">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279304527/std/image.jpg" alt="" width="120" height="22">
</form>

<form name="Button1" action="">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279304507/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(1)" onmouseup="javascript:losgelassen(1)" onmouseout="javascript:losgelassen(1)">
</form>
<form name="Button2" action="" style="display: none">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279304527/std/image.jpg" alt="" width="120" height="22">
</form>

<form name="Button1" action="">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279304507/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(2)" onmouseup="javascript:losgelassen(2)" onmouseout="javascript:losgelassen(2)">
</form>
<form name="Button2" action="" style="display: none">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279304527/std/image.jpg" alt="" width="120" height="22">
</form>

<script type="text/javascript">

</script>

Das Javascript verwendet für jeden Button jeweils zwei Formulare mit den Namen "Button1" und "Button2" (hier rot markiert). In denen befinden sich die Bilder des Normalen und gedrückten Buttons. Je nachdem, ob der Button gedrückt oder losgelassen wird, wird eines der beiden Formulare sichtbar und der Drück-Effekt entsteht.

Ich hab dir schon drei Buttons fertig in den Code eingebaut

Wenn du noch welche hinzufügen willst, musst du dir nur diesen Abschnitt kopieren und ihn entsprechend anpassen:

Die Bilder werden als ganz normale img HTML-Elemente eingefügt (die Bildadresse ist hier grün geschrieben). Die blau geschriebene Zahl in den Javascript-Verweisen ist eine Indexnummer, die Angibt, um den wievielten Button es sich handelt. Die Zählung beginnt bei 0, darum steht 0 für den ersten Button, 1 für den Zweiten, 2 für den Dritten, usw.. Diese Indexierung ist nötig, damit das Javascript weis, auf welche Formulare es sich beziehen soll.

Das Javascript funktioniert in allen Browsern, die die Event-Handler onmousedown, onmouseup und onmouseout unterstützen (tun alle modernen Browser). W3C validiert ist es natürlich auch

liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9184

Betzi OFFLINE Junior Boarder Beiträge: 28 Karma: 0	hmpf^^ da blick ich net ganz durch. also ich hab das auf meiner homepage mal eingefügt(den unteren) und da kommt dann das bild vom ungepressten ohne alles. muss ich da noch link einfügen? aso ich musste den oberen nehmen, danke dir, und den link muss ich jetzt einfügen wo?
	> www.funhouse.jimdo.com Letzte Änderung: 1 Jahr, 6 Monate her von Betzi. Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9185

Betzi
OFFLINE
Junior Boarder
Beiträge: 28
Karma: 0

Tschuldigung für doppelpost, aber wie mach ich noch ein viertes und fünftes feld? weil ich hab jetzt das so:

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279363451/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup=
    "javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279363461/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5b20ac38eb4380b3/1279363980/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(1)" onmouseup=
    "javascript:losgelassen(1)" onmouseout="javascript:losgelassen(1)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2d0557393e42a8bf/1279363972/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2e9184f30838959e/1279364349/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(2)" onmouseup=
    "javascript:losgelassen(2)" onmouseout="javascript:losgelassen(2)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic95baada5bf04478/1279364342/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i256c972d09aa9c24/1279364921/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup=
    "javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic53a9a0d46d57187/1279364913/std/image.jpg" alt="" width="120" height="22" />
</form>
<script type="text/javascript">
//<![CDATA[
<!--
function gedrueckt(Index)
{
document.Button1[Index].style.display = "none";
document.Button2[Index].style.display = "";
}
function losgelassen(Index)
{
document.Button1[Index].style.display = "";
document.Button2[Index].style.display = "none";
}
//-->
//]]>
</script>

und wenn ich jetzt auf Jimdo(4.) klicke geht das erste rein...
und ich hab schon gesucht, nichts gefunden

edit: habs selber herausgefunden...

...onmousedown="javascript:gedrueckt(0)" onmouseup=
"javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)...

muss in 3 umgeändert werden und beim 5ten in 4 usw.

> www.funhouse.jimdo.com

Letzte Änderung: 1 Jahr, 6 Monate her von Betzi.

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9190

Betzi
OFFLINE
Junior Boarder
Beiträge: 28
Karma: 0

So, ich habs jetzt fertig, aber ich will noch LINKS einfügen!

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279363451/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup=
    "javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279363461/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5bb833c90d8d39eb/1279460615/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(1)" onmouseup=
    "javascript:losgelassen(1)" onmouseout="javascript:losgelassen(1)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/if2f0d6ef9aa7cfea/1279460606/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5b20ac38eb4380b3/1279363980/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(2)" onmouseup=
    "javascript:losgelassen(2)" onmouseout="javascript:losgelassen(2)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2d0557393e42a8bf/1279363972/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2e9184f30838959e/1279364349/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(3)" onmouseup=
    "javascript:losgelassen(3)" onmouseout="javascript:losgelassen(3)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic95baada5bf04478/1279364342/std/image.jpg" alt="" width="120" height="22" />
</form>

<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i256c972d09aa9c24/1279364921/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(4)" onmouseup=
    "javascript:losgelassen(4)" onmouseout="javascript:losgelassen(4)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic53a9a0d46d57187/1279364913/std/image.jpg" alt="" width="120" height="22" />
</form>
<script type="text/javascript">
//<![CDATA[
<!--
function gedrueckt(Index)
{
document.Button1[Index].style.display = "none";
document.Button2[Index].style.display = "";
}
function losgelassen(Index)
{
document.Button1[Index].style.display = "";
document.Button2[Index].style.display = "none";
}
//-->
//]]>

wo muss ich die denn dann einfügen?

> www.funhouse.jimdo.com

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9204

Super_Mario
OFFLINE
Platinum Boarder
Beiträge: 623
Karma: 35

Hallo,

tut mir leid, dass ich mich erst so spät melde

Wie ich sehe, hast du die Probleme mit den Buttons schon gelöst. Jetzt zu den Links: die werden normal über HTML eingefügt und angepasst.

Ich hab sie dir in deinem Code schon eingebaut:

<a target="_blank" href="http://www.adresse-deiner-webseite.de/link1.html">
<form name="Button1" action="" id="Button1">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279363451/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup="javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279363461/std/image.jpg" alt="" width="120" height="22" />
</form></a>

<a target="_blank" href="http://www.adresse-deiner-webseite.de/link2.html">
<form name="Button1" action="" id="Button1">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5bb833c90d8d39eb/1279460615/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(1)" onmouseup="javascript:losgelassen(1)" onmouseout="javascript:losgelassen(1)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/if2f0d6ef9aa7cfea/1279460606/std/image.jpg" alt="" width="120" height="22" />
</form></a>

<a target="_blank" href="http://www.adresse-deiner-webseite.de/link3.html">
<form name="Button1" action="" id="Button1">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5b20ac38eb4380b3/1279363980/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(2)" onmouseup="javascript:losgelassen(2)" onmouseout="javascript:losgelassen(2)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2d0557393e42a8bf/1279363972/std/image.jpg" alt="" width="120" height="22" />
</form></a>

<a target="_blank" href="http://www.adresse-deiner-webseite.de/link4.html">
<form name="Button1" action="" id="Button1">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2e9184f30838959e/1279364349/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(3)" onmouseup="javascript:losgelassen(3)" onmouseout="javascript:losgelassen(3)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic95baada5bf04478/1279364342/std/image.jpg" alt="" width="120" height="22" />
</form></a>

<a target="_blank" href="http://www.adresse-deiner-webseite.de/link5.html">
<form name="Button1" action="" id="Button1">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i256c972d09aa9c24/1279364921/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(4)" onmouseup="javascript:losgelassen(4)" onmouseout="javascript:losgelassen(4)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic53a9a0d46d57187/1279364913/std/image.jpg" alt="" width="120" height="22" />
</form></a>
<script type="text/javascript">
//<![CDATA[

//]]>
</script>

Die Link-Tags sind hier rot markiert und die Linkadressen die blauen anklickbaren Bereiche. Ich hab es auch so gemacht, dass die Links in einem neuen Fenster geöffnet werden. Ein neues Tab kann man mit Javascript nämlich nicht öffnen. Das kann nur der Besucher selbst öffnen.

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9218

Betzi
OFFLINE
Junior Boarder
Beiträge: 28
Karma: 0

Ok, danke dir!
Und ist nicht schlimm dass du nicht geantwortet hast...

aber
ich hab ein problem, wenn ich jetzt den button anklicke, passiert auch nichts^^

<a target="_blank" href="http://www.kostenlose-javascripts.de/"></a>
<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279363451/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup=
    "javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279363461/std/image.jpg" alt="" width="120" height="22" />
</form>
<a target="_blank" href="http://www.supermario.homepage.eu/"></a>
<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5bb833c90d8d39eb/1279460615/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(1)" onmouseup=
    "javascript:losgelassen(1)" onmouseout="javascript:losgelassen(1)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/if2f0d6ef9aa7cfea/1279460606/std/image.jpg" alt="" width="120" height="22" />
</form>
<a target="_blank" href="http://www.meebo.com/rooms/"></a>
<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i5b20ac38eb4380b3/1279363980/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(2)" onmouseup=
    "javascript:losgelassen(2)" onmouseout="javascript:losgelassen(2)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i2d0557393e42a8bf/1279363972/std/image.jpg" alt="" width="120" height="22" />
</form>
<a target="_blank" href="http://de.jimdo.com/"></a>
<form name="Button1" action="" id="Button1">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/i256c972d09aa9c24/1279364921/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(3)" onmouseup=
    "javascript:losgelassen(3)" onmouseout="javascript:losgelassen(3)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
    <img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic53a9a0d46d57187/1279364913/std/image.jpg" alt="" width="120" height="22" />
</form>
<script type="text/javascript">
//<![CDATA[
<!--
function gedrueckt(Index)
{
document.Button1[Index].style.display = "none";
document.Button2[Index].style.display = "";
}
function losgelassen(Index)
{
document.Button1[Index].style.display = "";
document.Button2[Index].style.display = "none";
}
//-->
//]]>
</script>

> www.funhouse.jimdo.com

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9221

Super_Mario
OFFLINE
Platinum Boarder
Beiträge: 623
Karma: 35

Ah, weis schon, woan es liegt

Bei dem Code sieht ein Abschnitt für einen Button so aus:

Das rot markierte </a> steht hier direkt nach dem <a target= ...>. Es muss aber hinter dem </form> von "Button2" stehen, weil das </a> das Ende des verlinkten Bereich angibt.

Und zwar so:

<a target="_blank" href="http://www.kostenlose-javascripts.de/">
<form name="Button1" action="" id="Button1">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ibbee8f204120a758/1279363451/std/image.jpg" alt="" width="120" height="22" onmousedown="javascript:gedrueckt(0)" onmouseup=
"javascript:losgelassen(0)" onmouseout="javascript:losgelassen(0)" />
</form>

<form name="Button2" action="" style="display: none" id="Button2">
<img border="0" src="http://u.jimdo.com/www9/o/s72c23e5876f9c28f/img/ic9e559828d48351e/1279363461/std/image.jpg" alt="" width="120" height="22" />
</form></a>

Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9226

Betzi OFFLINE Junior Boarder Beiträge: 28 Karma: 0	Hmmmm... Das finde ich jetzt komisch....wenn ich das script kopiere setzt er das a wieder an die andere stelle, ich probier mal was aus... Edit: Ok er setzt das immer wieder an die andere stelle, anscheinend will es das selber korrigieren oder so, weil ich bin ja bei jimdo, und da gibt es immer so elemente, z.B. halt Java/HTML. weißt du ob ich da was ändern kann?
	> www.funhouse.jimdo.com Letzte Änderung: 1 Jahr, 6 Monate her von Betzi. Antwort Zitieren

Aw: Werbungsscript 1 Jahr, 6 Monate her #9227

Betzi OFFLINE Junior Boarder Beiträge: 28 Karma: 0	Hmmmm... Das finde ich jetzt komisch....wenn ich das script kopiere setzt er das a wieder an die andere stelle, ich probier mal was aus...
	> www.funhouse.jimdo.com Antwort Zitieren