Suche Java Script

[Lona]

Hallo !
Ich hoffe mir kann jemand helfen?Ich suche ein script für ein kleines Feedbackformular.

Es sollte nur sagen wir mal 200px breit und 300px hoch und zum Ausblenden sein.
Google habe ich schon bemüht aber es ist nix passendes gefunden.vl. könnte mir jemand so ein script nennen?Die Scwieigkeit ich kann kein Englisch

 

[Duddle]

AW: Suche Java Script

Ein Formular benötigt eine serverseitige Sprache, die eine E-Mail verschicken kann. Hast du im Paket deines Anbieters so etwas, z.B. in Form von PHP?

Auf hast du ja schon ein Kontaktformular, deshalb vermute ich dass du eine andere Seite damit ausstatten willst.

Oder möchtest du nur das derzeitige Formular ein- und ausblendbar haben?


Duddle

 

[Lona]

AW: Suche Java Script

Hallo Duddle Danke für deine Antwort PHP wird unterstützt vom Provider-das Formular das ich auf der Tierseite habe ist für die Zwecke wo ich es brauche zu gross....
Ich meine ein kleines Formular was man auf der Webseite ausblenden kann...so dass nach einem Klick es rauskommt und ein paar Worte von den Besuchern geschrieben werden können.
Für diese Seite brauche ich es nicht sondern für eine andere

 

[Duddle]

AW: Suche Java Script

Also Formmailer gibt es genügend. Einige sind leichter einzurichten als andere und der Funktionsumfang geht weit auseinander.

Da du schon mal ein Formular für die Tierseite eingebaut hast, würde ich wohl einfach zu dem raten. Du kannst ja beim Erzeugen auch angeben welche Formular-Elemente du haben möchtest.

Zum Ein-/Ausblenden gibt es dann mehrere Varianten. Die einfachste wäre wohl ein kleines Script mit jQuery. Das ist eine Variante von JavaScript, mit der Entwickler einfacher bestimmte Funktionen nutzen können. Du müsstest dafür in deinem HTML-Code dem Element vom Formular (entweder ein umschließendes <div> oder das <form> selber) eine id geben. Zusätzlich brauchst du irgendwas zum Anklicken damit das Formular eingeblendet wird. Dafür reicht ein einfaches <span>.
Beispiel:

<span id="verstecker"></span>
<div id="formularContainer">
    <form name="form">
	<input type="text" name="textfeld" value="" />
    </form>
</div>

Dann musst du jQuery selbst einbinden, damit der Browser es aufrufen kann. Dazu packst du folgende Zeile in den <head>-Bereich:

<script src="http://code.jquery.com/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>

Zu guter Letzt brauchst du noch den Code zum Verstecken, der kommt auch in den <head>-Bereich:

<script type="text/javascript" language="javascript" charset="utf-8">
    $(document).ready(function() {
	    $("#verstecker").click(function() {
		var v = $(this);
		$("#formularContainer").toggle(
		    function() {
			v.text( v.text() == "ANZEIGEN" ? "VERSTECKEN" : "ANZEIGEN" );	
		    });
	    }).click();
    });
</script>

Das sieht nach mehr aus als es ist. Die Animation zum Ausblenden, die Dauer usw. kann alles angepasst werden - aber dafür müsstest du dann selbst in die Dokumentation schauen.


Duddle

 

[Monk2006]

AW: Suche Java Script

Ich denke mal, Du möchtest nicht unbedingt ein größeres JS - Framework einsetzen, vielleiccht ist das was für Dich :

Bitte kostenlos registrieren, damit du die Links siehst.

LG Moni

 

[Lona]

AW: Suche Java Script

Hallo Duddle!
Du hattest mir vor längerer Zeit mal eine Anwort auf meine Suche für ein kleines Feedback-Formular gegeben. Ich habe es nach deiner Anleitung eingebaut und es klappt auch soweit alles,ich hätte gerne eine kleine Grafik wo man draufklicken kann so dass es sich öffnet und schliesst wie müsste ich das einfügen?

 

[Myhar]

AW: Suche Java Script

<span id="verstecker"></span>

Hallo Lona,

wenn du es nach Duddles Anleitung gemacht hast, dann ist dieses Span der Auslöser für das Toggeln. Einem Span kannst du natürlich auch ein Hintergrundbild per CSS zuweisen, dann hast du deinen gewünschten Effekt.

 

[Duddle]

AW: Suche Java Script

Das Hintergrundbild könntest du dann per toggleClass ein- und ausschalten. Also statt

v.text( v.text() == "ANZEIGEN" ? "VERSTECKEN" : "ANZEIGEN" );

sowas wie

v.toggleClass("versteckerAnzeigen");

wobei die CSS-Klasse versteckerAnzeigen dann ein anderes Bild als background-image hat.


Duddle