Zurück   PSD-Tutorials.de > Webbereich > PHP und andere Scriptsprachen


Antwort
 
Themen-Optionen
Alt 10.08.2012, 13:40   #1 Nach oben scrollen
Helper
HelperHelper
 
Benutzerbild von Lona
 

Registriert seit: 02.05.2007
Ort: Hohenmölsen
Beiträge: 276
Kamera: Konika Minolta
Verwendet: PI x3/PS CS

Suche Java Script


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
__________________
  Mit Zitat antworten


Alt 10.08.2012, 14:12   #2 Nach oben scrollen
Posting-Frequenz: 14µHz
Premium-SupporterPremium-SupporterPremium-SupporterPremium-SupporterPremium-Supporter
 
Benutzerbild von Duddle
 

Registriert seit: 03.02.2006
Ort: Dresden
Beiträge: 3.225

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 http://www.gerryundlady.de/seiten/kontakt.html 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
__________________
»To a cosmologist, a hundred thousand light-years rounds down to zero.« - RobotRollCall
  Mit Zitat antworten
Alt 10.08.2012, 14:23   #3 Nach oben scrollen
Helper
HelperHelper
Themenstarter
 
Benutzerbild von Lona
 

Registriert seit: 02.05.2007
Ort: Hohenmölsen
Beiträge: 276
Kamera: Konika Minolta
Verwendet: PI x3/PS CS

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
__________________
  Mit Zitat antworten
Alt 10.08.2012, 14:54   #4 Nach oben scrollen
Posting-Frequenz: 14µHz
Premium-SupporterPremium-SupporterPremium-SupporterPremium-SupporterPremium-Supporter
 
Benutzerbild von Duddle
 

Registriert seit: 03.02.2006
Ort: Dresden
Beiträge: 3.225

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:
HTML-Code:
<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:
HTML-Code:
<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:
HTML-Code:
<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
__________________
»To a cosmologist, a hundred thousand light-years rounds down to zero.« - RobotRollCall
  Mit Zitat antworten
Alt 10.08.2012, 15:07   #5 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von Monk2006
 

Registriert seit: 21.10.2009
Ort: Nähe Hamburg
Beiträge: 135
Kamera: Canon EOS 350D
Verwendet: Gimp, manchmal Picasa

Ich denke mal, Du möchtest nicht unbedingt ein größeres JS - Framework einsetzen, vielleiccht ist das was für Dich :
http://www.dynamicdrive.com/dynamici...edcollapse.htm

LG Moni
__________________
  Mit Zitat antworten
Alt 28.10.2012, 14:05   #6 Nach oben scrollen
Helper
HelperHelper
Themenstarter
 
Benutzerbild von Lona
 

Registriert seit: 02.05.2007
Ort: Hohenmölsen
Beiträge: 276
Kamera: Konika Minolta
Verwendet: PI x3/PS CS

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?
__________________

Geändert von Lona (28.10.2012 um 20:37 Uhr).
  Mit Zitat antworten
Alt 29.10.2012, 07:58   #7 Nach oben scrollen
Powerposter
PowerposterPowerposterPowerposter
 

Registriert seit: 01.11.2007
Ort: Ö
Beiträge: 1.261

Zitat:
Zitat von Duddle Beitrag anzeigen
HTML-Code:
<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.
  Mit Zitat antworten
Alt 29.10.2012, 11:38   #8 Nach oben scrollen
Posting-Frequenz: 14µHz
Premium-SupporterPremium-SupporterPremium-SupporterPremium-SupporterPremium-Supporter
 
Benutzerbild von Duddle
 

Registriert seit: 03.02.2006
Ort: Dresden
Beiträge: 3.225

Das Hintergrundbild könntest du dann per toggleClass ein- und ausschalten. Also statt
Code:
v.text( v.text() == "ANZEIGEN" ? "VERSTECKEN" : "ANZEIGEN" );
sowas wie
Code:
v.toggleClass("versteckerAnzeigen");
wobei die CSS-Klasse versteckerAnzeigen dann ein anderes Bild als background-image hat.


Duddle
__________________
»To a cosmologist, a hundred thousand light-years rounds down to zero.« - RobotRollCall
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Firefox Add ons für Java Script parafi Allgemeines 1 08.12.2010 18:52
Java Script sersch89 (X)HTML & CSS 2 23.07.2007 00:57
Java Script Error im IE 6.0 pepexx Fragen/Fehler/Kritik/Anregungen für PSD 10 10.11.2006 01:09
Java Script konni (X)HTML & CSS 2 13.05.2006 20:12
Java Script und IE tawi82 Allgemeines 6 15.02.2006 15:04