+ Antworten
Ergebnis 1 bis 5 von 5

Thema: JavaScript form action verändern

  1. #1
    TP-Senior -Andi- macht alles soweit korrekt Avatar von -Andi-
    Registriert seit
    Aug 2005
    Beiträge
    110

    JavaScript form action verändern

    Hi,

    ich habe eine Form, welche mein Suchfeld darstellt. Der Benutzer soll nun über einen Radiobutton auswählen können, ob er etwas über google oder über bing suchen will. Dementsprechend soll die action beeinflusst werden.

    Wenn jemand also nun den Radiobutton für google anklickt, soll in action="http://www.google.de" stehen. Wenn jemand bing auswählt soll action="http://www.bing.de/search" ausgeführt werden.
    Anbei mein Ansatz, der aber leider nicht funktioniert. Hat jemand eine Ahnung an was das liegt?

    Code:
    <script>
    function check(){
      if(form1.Suchmaschine[0].checked == true) {
       return "http://www.Bing.com/search"
      }
      else {
    	return "http://www.google.de"
      }
     }
    </script>
        
          <form id="form1" name="form1" method="get"  action="return check();">
            <input type="text" name="q" class="suchFeld2" id="search" value="Suchen..."  onblur="if(this.value=='') this.value='Suchen...';" onfocus="if(this.value=='Suchen...') this.value='';" /><input type="image" src="search_button_orange_18x18.png" class="suchButton2" name="go" tabindex="0" title="Suchen" /><br />
            <input name="Suchmaschine" type="radio" value="0" checked="checked" /><div class="u3">google</div>&nbsp;
            <input name="Suchmaschine" type="radio" value="1" /><div class="u3">bing</div></form>
    Danke.

    Mfg. -Andi-

  2. #2
    TP-Moderator fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User Avatar von fuchzga
    Registriert seit
    Nov 2007
    Ort
    München
    Beiträge
    1.835
    Hallo,
    irgendwie fehlt mir der JavaScript-Event.
    HTML-Code:
    <form action="..." onsubmit="return check();">
    »Man sollte alles so einfach wie möglich sehen - aber auch nicht einfacher.«
    -Albert E.

  3. #3
    TP-Senior -Andi- macht alles soweit korrekt Avatar von -Andi-
    Registriert seit
    Aug 2005
    Beiträge
    110
    ok, also ich hab es jetzt eingebaut. Leider funktioniert das immer noch nicht

    Ist es denn überhaupt möglich verschiedene actions über javascript zu steuern?

  4. #4
    TP-Senior -Andi- macht alles soweit korrekt Avatar von -Andi-
    Registriert seit
    Aug 2005
    Beiträge
    110
    Hi,

    mit folgenden Änderungen hats geklappt:
    Code:
    action="" onsubmit="javascript:check();">
    Code:
    function check(){
      if(document.getElementById("such1").checked == true) {
    Danke noch mal.

    Mfg. -Andi-

  5. #5
    TP-Moderator fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User Avatar von fuchzga
    Registriert seit
    Nov 2007
    Ort
    München
    Beiträge
    1.835
    Ok, so kann man es auch machen.
    Um noch mal bei deinem Beispiel von oben zu bleiben:

    HTML-Code:
    function check() 
        { 
    	if(document.form1.Suchmaschine[0].checked == true) { 
    	    document.form1.action = 'http://www.google.de/search'; 
            } 
     
    	if(document.form1.Suchmaschine[1].checked == true) 
    	{ 
    	    document.form1.action = 'http://www.bing.de'; 
    	} 
        return true; 
        } 
     
    <form name="form1" method="get" action="" onSubmit="return check();"> 
    <input type="text" name="q" value="Suchen..."  onblur="if(this.value=='') this.value='Suchen...';" onfocus="if(this.value=='Suchen...') this.value='';" /> 
    
    <label for="google"><input name="Suchmaschine" type="radio" checked="checked" />Google</label> 
    <label for="bing"><input name="Suchmaschine" type="radio" />Bing</label> 
    
    <button type="submit">OK</button> 
    </form>
    »Man sollte alles so einfach wie möglich sehen - aber auch nicht einfacher.«
    -Albert E.

+ Antworten

Ähnliche Themen

  1. form>action im Doppelpack?
    Von Elli im Forum HTML & CSS
    Antworten: 9
    Letzter Beitrag: 04.08.2005, 22:37
  2. Form-Tweens mit Action Script ??
    Von Tagged im Forum Flash & Multimedia
    Antworten: 7
    Letzter Beitrag: 26.10.2003, 21:13
  3. <form action> in tabelle einbauen
    Von newx im Forum Dreamweaver & andere Webeditoren
    Antworten: 3
    Letzter Beitrag: 06.11.2002, 00:21
  4. <form action="... mit target ?
    Von Headcracker im Forum HTML & CSS
    Antworten: 4
    Letzter Beitrag: 16.04.2002, 21:55
  5. form action und der knopf abschicken
    Von pop1 im Forum HTML & CSS
    Antworten: 1
    Letzter Beitrag: 18.10.2001, 20:50

Aktive Benutzer

Aktive Benutzer

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

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51