Supportnet / Forum / Webseiten/HTML
Button mit Verweis
Frage
Hallo,
habe eine HTML-Datei mit nem SENDEN-Button, welcher mir ein Formular Ergebnis als Email zustellt.
Jetzt hätt ich noch gern, dass den Leuten beim Drücken des Button durch nen Verweis auf ne andere HTML, welches durch das Drücken erscheinen soll eine " Dankeschön " angezeigt wird.
Wie mach ich, dass durch das Drücken ne neue HTML aufgeht??
MfG
Antwort 1 von ChrisWave
Hallo??
Antwort 2 von rfb
Statt separater Datei empfehle ich einen kleinen Text gleich neben dem Button:
Im head-Bereich folgendes einfügen:
Und das Formular ergänzen:
<form action="..." ... onsubmit="return danke()">
...
<input type="submit"...>
<p id="thanks">Hier drücken zum Absenden</p>
Der Text bei <p id="thanks"> wird beim Absenden durch den Text in danke() ersetzt (soweit javascript aktiviert ist)
Mit dem gleichzeitigem Aufruf einer neuen Datei riskierst du, dass das sowieso sehr unzuverlässige Formularverschicken per E-Mail erst gar nicht startet.
Im head-Bereich folgendes einfügen:
<script type="text/javascript">
<!--
function danke() {
document.getElementById("thanks").firstChild.data = "Danke dass Sie die Selbstzerstörung aktiviert haben";
return true;
}
//-->
</script>
Und das Formular ergänzen:
<form action="..." ... onsubmit="return danke()">
...
<input type="submit"...>
<p id="thanks">Hier drücken zum Absenden</p>
Der Text bei <p id="thanks"> wird beim Absenden durch den Text in danke() ersetzt (soweit javascript aktiviert ist)
Mit dem gleichzeitigem Aufruf einer neuen Datei riskierst du, dass das sowieso sehr unzuverlässige Formularverschicken per E-Mail erst gar nicht startet.
Antwort 3 von ChrisW
So nochmal das ganze, hab´s gemacht wie oben beschrieben, jedoch hab ich im Hintergrund dieses komische bunte Buttonfeld, das mit meinem Pic verschmolzen ist und insgesamt auf den Klick darauf mit dem Einrücken reagiert.
Ich möchte jedoch nur mein Pic sehen, welchen beim Klick darauf den Klick-Einrück-Effkt gibt!
MfG
Ich möchte jedoch nur mein Pic sehen, welchen beim Klick darauf den Klick-Einrück-Effkt gibt!
MfG
Antwort 4 von rfb
Da mir deine Beschreibung Rätsel aufgibt: Wie wärs mit einem kleinen bisschen Code, damit ich sehen kann, worum es sich dreht?
Antwort 5 von ChrisW
<html>
<head>
<title></title>
</head>
<body>
<button>
<a href="Trendsetter/Home.html" class="logo"><img src="neu.jpg" width="600" height="441" border="0" alt="ENTER HERE"></a>
</button>
</body>
</html>
Der Code hier wird dir nicht sehr viel bringen...
aber: ich will wie gesagt die neu.jpg sehen, welche beim anklicken einrücken soll, so wie ein normaler button, doch den bunten kram im hintergrund will ich nicht!
Das ist mein problem...
#
MFG
<head>
<title></title>
</head>
<body>
<button>
<a href="Trendsetter/Home.html" class="logo"><img src="neu.jpg" width="600" height="441" border="0" alt="ENTER HERE"></a>
</button>
</body>
</html>
Der Code hier wird dir nicht sehr viel bringen...
aber: ich will wie gesagt die neu.jpg sehen, welche beim anklicken einrücken soll, so wie ein normaler button, doch den bunten kram im hintergrund will ich nicht!
Das ist mein problem...
#
MFG
Antwort 6 von rfb
die Variante
<button><a...>...</a></button>
ist nicht zulässig, da hierbei zwei anklickbare Bereiche übereinander liegen - daher dein Problem.
richtiger wäre
<input type="image" src="neu.jpg" alt=""ENTER HERE">
oder
<button><img src="neu.jpg" width="600" height="441" border="0" alt="ENTER HERE"></button>
da sich mir aufgrund des kärglichen Codeschnippsels 8scheinbar kein Zusammenhang mit der ursprünglichen Frage) der Zweck des Buttons nicht erschließt kann ich erst einmal nicht weiter helfen.
Also bei weiteren Nachfragen müsstes du folgendes klarstellen:
was genau soll der Button bewirken?
wie lautet der vollständige umgebende HTML-Code?
welcher "bunten kram im hintergrund"
<button><a...>...</a></button>
ist nicht zulässig, da hierbei zwei anklickbare Bereiche übereinander liegen - daher dein Problem.
richtiger wäre
<input type="image" src="neu.jpg" alt=""ENTER HERE">
oder
<button><img src="neu.jpg" width="600" height="441" border="0" alt="ENTER HERE"></button>
da sich mir aufgrund des kärglichen Codeschnippsels 8scheinbar kein Zusammenhang mit der ursprünglichen Frage) der Zweck des Buttons nicht erschließt kann ich erst einmal nicht weiter helfen.
Also bei weiteren Nachfragen müsstes du folgendes klarstellen:
Antwort 7 von ChrisW
Habe folgende Formel genutzt und es sieht genauso aus wie vorher:
<button><img src="neu.jpg" width="600" height="441" border="0" alt="ENTER HERE"></button>
Okay, ich versuch´s nochmal:
Ich möchte die Grafik neu.jpg sehen.
Diese will ich anklicken können, wobei sie beim klick wie ein Button "reingedrückt wird".
Dies soll ein rein optischer Effekt sein!
Gleichzeitig soll - wie beim Button - beim loslassen des durch den linken Mausknopf gedrückt entstanden Klick eine Überleitung zur einer URL erfolgen!
Das bekomme ich soweit fast hin, nur durch die o.g. Formel habe ich im Hintergrund meiner neu.jpf, welche einfach ein schwarzes Quadrat ist, noch ein RIESENBUTTON, der wie Du sagtest auch mitgedrückt wird.
DAS WILL ICH JEDOCH NICHT, sondern nur mein schwarzes Quadrat, genannt neu.jpg, welches beim Drücken "eingedrückt wird(optisch)" und mich zu ner weiteren page bringt!
Praktisch wie ein Bild mit Link, verstärkt um das optische "Eindrücken" des Bildes!
MfG
<button><img src="neu.jpg" width="600" height="441" border="0" alt="ENTER HERE"></button>
Okay, ich versuch´s nochmal:
Ich möchte die Grafik neu.jpg sehen.
Diese will ich anklicken können, wobei sie beim klick wie ein Button "reingedrückt wird".
Dies soll ein rein optischer Effekt sein!
Gleichzeitig soll - wie beim Button - beim loslassen des durch den linken Mausknopf gedrückt entstanden Klick eine Überleitung zur einer URL erfolgen!
Das bekomme ich soweit fast hin, nur durch die o.g. Formel habe ich im Hintergrund meiner neu.jpf, welche einfach ein schwarzes Quadrat ist, noch ein RIESENBUTTON, der wie Du sagtest auch mitgedrückt wird.
DAS WILL ICH JEDOCH NICHT, sondern nur mein schwarzes Quadrat, genannt neu.jpg, welches beim Drücken "eingedrückt wird(optisch)" und mich zu ner weiteren page bringt!
Praktisch wie ein Bild mit Link, verstärkt um das optische "Eindrücken" des Bildes!
MfG
Antwort 8 von rfb
Also ein ganz normaler Link, der wie ein Button aussehen soll. Das geht mit CSS.
im CSS:
im HTML:
Der Text "Enter here" ist nur in Browsern ohne CSS sichtbar.
An den Maßen und Farben kannst du noch ein bisschen rumspielen bis es dir gefällt.
Der Buttoneffekt kommt durch border: outset und border: inset zustande.
im CSS:
a.logo { width:600px; height:441px; display:block; background:black url(neu.jpg;) center center; }
a.logo:link { border:thick outset grey; }
a.logo:active { border:thick inset grey; }
a.logo:visited { border:thick outset grey; }
a.logo:hover { border:thick inset grey; }
a.logo span {visibility:none; }
im HTML:
<a href="Trendsetter/Home.html" class="logo"><span>Enter here</span></a>
Der Text "Enter here" ist nur in Browsern ohne CSS sichtbar.
An den Maßen und Farben kannst du noch ein bisschen rumspielen bis es dir gefällt.
Der Buttoneffekt kommt durch border: outset und border: inset zustande.