tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von Quaese
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
840
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 18.10.09 17:13 #1
    julchen84 julchen84 ist offline Grünschnabel
    Registriert seit
    Apr 2007
    Beiträge
    2
    Hallo Leute,

    nehmts mir bitte nicht übel, aber ich bin ein absoluter Javascript-Neulinge und steh deswegen irgendwie auf dem Schlauch...

    Also hier zu meiner Frage:
    Auf meiner Startseite sollen die User mittels Radiobuttons ein Bundesland und eine Branche auswählen. Beim Klick auf den Submit-Button, soll dann die entsprechende Url aufgehen, also z. B. Nutzer wählt "Berlin" und "Handwerker" und wird dann auf die Seite berlin.html#handwerker weitergeleitet. Wenn entweder kein Bundesland oder keine Branche ausgwählt wurde, soll eine Fehlermeldung erscheinen.

    Leider weiß ich gar nicht wie ich anfangen soll und ob javascript überhaupt das richtige dafür ist. Kann mir von euch jemand helfen? Wäre total klasse!

    Danke schonmal im Voraus
    Jule
     
    Zitieren Zitieren
  2. 18.10.09 22:09 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    in die value-Attribute der Radiobuttons könntest du die gewünschten Teile der URL schreiben (bayern, nrw oder handwerker, arzt).

    In einer Funktion werden die Radiogruppen durchlaufen und geprüft, ob und welcher gewählt wurde. Mit dem Wert eines gecheckten Button wird die URL entsprechend erweitert.

    Beispiel:
    Code :
    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

    <html>
<head>
<script type="text/javascript">
<!--
function mySubmit(objForm){
  // Array, das die zu prüfenden Radiogruppen enthält
  // [index][0] -> Name der Gruppe
  // [index][1] -> Teil vor dem Ausgabestring
  // [index][2] -> Teil nach dem Ausgabestring
  var arrCheck = [["radBL", "", ".html"], ["radBeruf", "#", ""]];
 
  var blnCheck = false;
  var strURL = "";
 
  // Testarray durchlaufen
  for(var j=0; j<arrCheck.length; j++){
    // Testvariable zurücksetzen
    blnCheck = false;
 
    // Radiogruppe durchlaufen
    for(var i=0; i<objForm.elements[arrCheck[j][0]].length; i++){
      // Falls der aktuelle Radiobutton gesetzt ist
      if(objForm.elements[arrCheck[j][0]][i].checked){
        // URL ergänzen
        strURL += arrCheck[j][1] + objForm.elements[arrCheck[j][0]][i].value + arrCheck[j][2]; //".html";
        blnCheck = true;
      }
    }
 
    // War kein Radiobutton gewählt -> Funktion verlassen
    if(!blnCheck) return false;
  }
  // Auf gewünschte URL weiterleiten
  window.location = strURL;
 
  return false;
}
//-->
</script>
 
</head>
<body>
<form name="formTest" action="<?php echo($_SERVER['PHP_SELF']); ?>" method="post">
  <p><input type="Radio" name="radBL" value="bayern">Bayern
  <input type="Radio" name="radBL" value="nrw">NRW</p>
  <p><input type="Radio" name="radBeruf" value="handwerker">Handwerker
  <input type="Radio" name="radBeruf" value="arzt">Arzt</p>
  <input type="submit" name="cmdTest" value="GO" onclick="return mySubmit(this.form);">
</form>
</body>
</html>

    Die wichtigsten Passagen sind im Quellcode kommentiert und sollten leicht verständlich sein.

    Ciao
    Quaese
    julchen84 bedankt sich. 
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 24.10.09 14:40 #3
    julchen84 julchen84 ist offline Grünschnabel
    Registriert seit
    Apr 2007
    Beiträge
    2
    Hallo Quaese,

    ich danke für deine Hilfe, ist genau das was ich gemeint hatte! Viiielen Dank!
     
    Zitieren Zitieren
« Dynamischer Link mit Variable, Variable an Funktion übermitteln | Tabindex ansprechen »

Ähnliche Themen

  1. Radio Buttons...
    Von XenonTaurus im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 14.11.07, 11:21
  2. Radio Buttons
    Von zögge im Forum Flash Plattform
    Antworten: 4
    Letzter Beitrag: 11.10.06, 14:27
  3. Radio Buttons deaktivieren
    Von anmae im Forum VisualStudio & MFC
    Antworten: 5
    Letzter Beitrag: 04.10.05, 22:36
  4. 2 radio buttons, 1 Link und richtige Weiterleitung
    Von stLo im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 03.04.05, 21:36
  5. Radio-Buttons als Lauflicht
    Von morphi79 im Forum Javascript & Ajax
    Antworten: 11
    Letzter Beitrag: 27.01.05, 07:14

Stichworte