Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Formular ein-ausblenden
Simi
Geschrieben am: Sa 29.09.2007, 08:50
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 186
Mitglied seit: 12.04.2005


Hi all,

Beim Titel ist mir leider nichts Besseres eingefallen. Nun zu meiner Frage.

Ich habe als erstes ein Formular mit zwei Radio Buttons. Nun je nach dem was angewählt wird, muss untenan ein weiteres Formular angezeigt werden. Ich möchte das ganze ohne noch zusätzlich auf einen submit Knopf zu klicken realisieren. Wie ich das alleine mit PHP realisieren muss ist kein Problem. Mittel if Abfrage und danach das Formular anzeigen was dazu gehört. Ich möchte das ganze aber ein bisschen professioneller gestalten und frage nun euch, wie ihr das lösen würdet.

Im Hintergedanken fallen mir immer wieder folgende Begriffe ein wie JavaScript (evtl. mit AJAX) und CSS mit display: none. Dennoch finde ich keinen Ansatz um das ganze zu realisieren. Ich hoffe nicht, dass ich mit der internen Suche im Forum eine Lösung verpasst habe. huh.gif

Leider bin ich kein JavaScript Guru und über Lösungsansätze oder Links wäre ich sehr sehr dankbar!

Vielen Dank im Voraus für eure Hilfe!

Gruss
Simi


--------------------

Wer Schreibfehler findet darf sie gerne behalten.
Top
PMEmail PosterMSN
Top
 
 
jAuer
Jürgen Auer - freiberufl. Programmierer
#2 Geschrieben am: Sa 29.09.2007, 09:13 (+00:23)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 2433
Mitglied seit: 4.02.2006


Den unteren Teil in ein div mit id und display:none packen.

Oben dem OnClick-Ereignis eine Funktion zuweisen, die sich mit document.getElementById das untere Element holt und je nach Zustand (an- oder ausgeklickt) unten display auf block/inline oder none setzt.

Die SelfHtml-JavaScript-Dokumentation reicht da aus.


--------------------
Web-Anwendung 3.0: Ein Online-Kalender für Termine vieler Filialen.

server-daten - die Single-Data-Solution: Web-Datenbanken als Online - CRM - Lösung.
Ihre Geschäftsprozesse entscheiden, was Ihre Online-Datenbank macht. Sie konzentrieren sich auf Ihr Kerngeschäft - Ihre Datenbank funktioniert.
Top
PMEmail PosterUsers Website
Top
 
Simi
#3 Geschrieben am: Sa 29.09.2007, 11:58 (+02:44)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 186
Mitglied seit: 12.04.2005


OK danke werde es mal versuchen...für weitere Hilfe wie Code Beispiele wäre ich dankbar.

Gruss
Simi


--------------------

Wer Schreibfehler findet darf sie gerne behalten.
Top
PMEmail PosterMSN
Top
 
webmaster
#4 Geschrieben am: Di 2.10.2007, 17:01 (+3d 05:02)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 6
Mitglied seit: 2.10.2007


Es ist doch schon alles gesagt worden ...

Jetzt ist es doch einfach, aber wenn du das nicht verstehst, ist das hier vielleicht das falsche Forum für dich !
rolleyes.gif


--------------------
Top
PMEmail PosterUsers WebsiteICQ
Top
 
webmaster
#5 Geschrieben am: Di 2.10.2007, 17:04 (+00:02)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 6
Mitglied seit: 2.10.2007


Sorry for doppelten post, m@rvin hat alles geklärt ! laugh.gif


--------------------
Top
PMEmail PosterUsers WebsiteICQ
Top
 
M@rvin
#6 Geschrieben am: Di 2.10.2007, 17:05 (+00:01)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 15
Mitglied seit: 2.10.2007


CODE

function switchit ( targetId ){  
if (document.getElementById){        
target = document.getElementById( targetId );          
if (target.style.display == "none"){              
target.style.display = "";          
} else {            
target.style.display = "none";      
}    
}
}


Nenne diese Datei switch.js

so nun packst du das Formular in einen DIV-Tag

CODE

<div id="form" sytle="display: none;">
<!-- Form -->
</div>


Der Link zum ausklappen :

CODE

<a href="#" onClick="switchit('form');"></a>


Ungetesete dürfte aber funktionieren.

Mfg
Marvin
Top
PMEmail Poster
Top
 
Sven K
#7 Geschrieben am: Di 2.10.2007, 19:57 (+02:51)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 144
Mitglied seit: 27.10.2006


allgemeine verbesserung: <a href="#" ....> ist immer etwas ungünstig, besser ist <a href="javascript:void(0);" .....


--------------------
idiot confusion device | Computer Forum
Top
PMEmail Poster
Top
 
M@rvin
#8 Geschrieben am: Di 2.10.2007, 20:09 (+00:11)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 15
Mitglied seit: 2.10.2007


QUOTE (Sven K @ Di 2.10.2007, 20:57)
allgemeine verbesserung: <a href="#" ....> ist immer etwas ungünstig, besser ist <a href="javascript:void(0);" .....

Danke für den Tipp
Top
PMEmail Poster
Top
 
threadi
#9 Geschrieben am: Mi 3.10.2007, 16:50 (+20:41)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 55
Mitglied seit: 22.10.2006


Noch besser ist wenn man bei dem Link für diejenigen ohne JavaScript noch ein Ziel angibt. Beim onclick-Attribut muss man dann nur noch "return false" angeben um für JavaScript-User den eigentlichen Link zu deaktivieren, also:

CODE
<a href="ziel.html" onclick="dasmacheich();return false;">...
Top
PM
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/20857

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Funktionsfeedback PDF Formular Marc Schuler 127 5 Fr 28.11.2008, 17:01
Formular input zerstört design im IE inox 219 4 Do 16.10.2008, 21:44
Formular rechnen lassen easymoments 321 6 So 21.09.2008, 11:18
Wertübergabe an Formular easymoments 189 7 Di 26.08.2008, 19:09
Tabelle komplett anklickbar, aber Formular nicht? BartTheDevil89 210 3 Di 19.08.2008, 16:40
cgi formular rosinenbomber-jk 223 14 So 13.07.2008, 18:42
Formular autom. in DB speichern radarin 317 4 So 8.06.2008, 03:07
Formular in Layer einblenden radarin 213 4 Do 5.06.2008, 01:51
AdWords Formular um Markenrecht zu sichern Seth.Gecko 298 2 Mi 21.05.2008, 17:38
PopUp-Menü ein & ausblenden ? japsa 155 1 Do 14.02.2008, 18:32




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]