Formular einblenden mit JavaScript

zuger · 31.07.2005

Hallo zusammen...

Ich möchte bei meiner Page ein Gästebuch einbauen. Nun soll folgendes besonderes Feature dazukommen:
Auf der eigentlichen Gästebuch Seite stehen die gemachten Einträge (Werden aus der DB ausgelesen). Oben retchts möchte ich einen Link Eintragen. Wenn man auf diesen Link klickt, soll dann das HTML Forumular angezeigt werden oberhalb der Einträge. Jedoch nicht mit einem neuen Seitenaufbau sonder mit JavaScript so wie hier --> http://www.rolandunderg.net/contact.php

Hoffe habe das Problem verständlich beschrieben und Ihr könnt mir helfen. Besten Dank.

connyas · 31.07.2005

Code:

&lt;head>
&lt;title>Blos->n Beispiel&lt;/title>
&lt;script language=javascript type=text/javascript>
function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf(?))>0&amp;&amp;parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;
}
function DisplayLayer(l, a) {
	obj = MM_findObj(l);
	if(a ==->show') obj.style.display =->block';
	else if(a ==->hide') obj.style.display =->none';
}
&lt;/script>
&lt;/head>

&lt;body>
&lt;p>Zeige Formular &lt;a href=javascript:; onClick=DisplayLayer('Layer1',->show')>&lt;strong>HIER&lt;/strong>&lt;/a>&lt;/p>
&lt;p>Verstecke Formular &lt;a href=javascript:; onClick=DisplayLayer('Layer1',->hide')>&lt;strong>HIER&lt;/strong>&lt;/a>&lt;/p>
&lt;hr />
&lt;div id=Layer1 style=display:none >
 &lt;form action= method=get>
  &lt;p>Name:&amp;nbsp;&amp;nbsp;&lt;input name=name type=text value= />&lt;/p>
	&lt;p>Shuhgröße:&amp;nbsp;&amp;nbsp;&lt;input name=schuhe type=text value= />&lt;/p>
	&lt;p>&lt;input type=submit value=Absenden />&lt;/p>
 &lt;/form>
&lt;/div>
&lt;/body>
&lt;/html>

zuger · 31.07.2005

und wieder had conny die passende Antwort! Besten Dank! Werde es später ausprobieren!

zuger · 01.08.2005

Funktioniert alles einwandfrei... Nun möchte ich jedoch, dass das Einblenden und das Ausblenden des Formulars mit dem gleichen Link erledigt werden kann. Ist dies möglich?

connyas · 01.08.2005

Code:

&lt;head>
&lt;title>Blos->n Beispiel&lt;/title>
&lt;script language=javascript type=text/javascript>
function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf(?))>0&amp;&amp;parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;
}
function DisplayLayer(l) {
	obj = MM_findObj(l);
	if(obj.style.display ==->none')	obj.style.display =->block';
	else obj.style.display =->none';
}
&lt;/script>
&lt;/head>

&lt;body>
&lt;p>Zeige/Verstecke Formular &lt;a href=javascript:; onClick=DisplayLayer('Layer1')>&lt;strong>HIER&lt;/strong>&lt;/a>&lt;/p>
&lt;hr />
&lt;div id=Layer1 style=display:none >
 &lt;form action= method=get>
  &lt;p>Name:&amp;nbsp;&amp;nbsp;&lt;input name=name type=text value= />&lt;/p>
	&lt;p>Shuhgröße:&amp;nbsp;&amp;nbsp;&lt;input name=schuhe type=text value= />&lt;/p>
	&lt;p>&lt;input type=submit value=Absenden />&lt;/p>
 &lt;/form>
&lt;/div>
&lt;/body>
&lt;/html>

zuger · 01.08.2005

Ich frage mich wann diese Mann schlafen geht!

Besten Dank (wie immer) Conny

Formular einblenden mit JavaScript

zuger

connyas

zuger

zuger

connyas

zuger

Formular einblenden mit JavaScript

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums