Your_account herausforderung

Begonnen von , 31 Juli 2002, 12:28:41

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Drucken
Nach unten Seiten1
Benutzer-Aktionen

31 Juli 2002, 12:28:41
Hallo allerseits,

ich will mir ein eigenes your_account modul basteln und stosse dabei auf folgendes problem.
Ich will das zwei Eingabefelder mit Auswahl gewissermassen "verknüpft" sind; das heisst das wenn ich im ersten feld eine auswahl treffe, sich das zweite feld verändert und eine bestimmte auswahl anbietet.
Keine ahnung ob ich das jetzt gut erklärt habe.

Ich würde mich auf jeden Fall auf Vorschläge oder Lösungen freuen.

Danke schon mal im voraus

felix

Andi

#1
31 Juli 2002, 13:40:30
uuups,

müsste mit Javascript machbar sein...
Da sind die JS-Spezialisten gefragt ;)
schön´s Grüssle, Andi

#2
01 August 2002, 11:18:01
Also dann Hallo Ihr JavaScriptspezialisten!

Das Problem mit javascript ist glaube ich das:
- es probleme mit MySql geben kann da nur zwei von mehreren Eingabfeldern des formulars betroffen sind
- die JS die ich gefunden habe in ihrem code zwei formulare gebrauchen

Hier ein beispiel von einem doppeltem auswahlmenu:
Vielleicht kann ja jemand was damit anfangen???


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

<HTML>

<HEAD>
<title>Menu dynamique</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
v=false;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1">
<!--
if (typeof(Option)+"" != "undefined") v=true;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--  Begin
if(v){
  a=new Array();
  aln=0;
}

function getFormNum (formName) {
  formNum =-1;
  for (i=0;i<document.forms.length;i++){
    tempForm = document.forms;
    if (formName == tempForm) {
      formNum = i;
      correctForm = tempForm;
      break;
    }
  }
  return formNum;
}

function jmp(formName,elementNum) {
  getFormNum(formName);
  if (formNum>=0) {
    with (document.forms[formNum].elements[elementNum]) {
      i=selectedIndex;
      if (i>=0){
        //location=options.value;
   alert("Vous avez choisi l'adresse "+options.value);
      }
    }
  }
}

function O(txt,url) {
  a[k]=new Option(txt,url);
  k++;
}

function relate(formName,elementNum,j) {
  if(v) {
    k=1;
    if(j==0) {  // default category item
      a=new Array();
      O("Pick Item --->","");
    }

    if(j==1) { // 1st category items
      a=new Array();
      O("Pick Item --->","");
      O("EPITA","http://www.epita.fr");
      O("Ma page","http://www.epita.fr/~esposi_j");
      O("Une autre","http://jesposito.multimania.fr");
      O("Encore une autre","http://julien.esposito.free.fr");
      O("Acetam","http://perso.wanadoo.fr/acetam");
      O("JavaScript","http://www.javascript.com");
      O("Develloper","http://www.develloper.com");
      O("HTML","http://www.goodieshtml.com");
    }

    if(j==2) { // 2nd category items
      a=new Array();
      O("Pick Item --->","");
      O("PSG","http://www.psg.fr");
      O("Yahoo","http://www.yahoo.fr");
      O("CANAL+","http://www.cplus.fr");
      O("AltaVista","http://www.altavista.com");
      O("Caramail","http://www.caramail.com");
    }

    if(j==3) { // 3rd category items
      a=new Array();
      O("Pick Item --->","");
      O("Blue Consulting","http://www.blue-consulting.fr");
      O("Domicile","http://www.domicile.fr");
      O("France Telecom","http://www.francetelecom.fr");
    }

    aln2=a.length;
    getFormNum(formName);
    if (formNum>=0) {
      formNum = formNum + 1;
      with (document.forms[formNum].elements[elementNum]) {
        for (var i=options.length-1;i>0;i--)
     options=null;
   for (var i=1;i<aln2;i++)
     options[i-1]=a;
   options[0].selected=true;
      }
    }
  } else {
      jmp(formName,elementNum);
    }
}
// End -->
</SCRIPT>
</head>

<BODY bgcolor="#FFFFFF">

<center>
<H1><u>Double Menu déroulant</u></H1>
Ce script permet de faire un double menu déroulant.
<Br>Cliquez sur le premier menu pour choisir votre catégorie puis séléctionnez dans le deuxième votre choix.
<Br><Br>
<table border=0>
<tr valign=top>
<td align=center>
<form name=f1 method=post onSubmit="return false;">
<select name=m1 onChange="relate(this.form,0,this.selectedIndex); document.f2.m2.focus();">
  <option>Pick Category --->
  <option>Mes sites
  <option>D'autres sites
  <option>Mes société
</select>
</form>
</td>

<td align=center> <b>then</b> </td>

<td><form name=f2 method=post onsubmit="return false;">
<select name="m2" onchange="jmp(this.form,0)">
  <option>Pick Item --->

<!--

Put a blank item (like below) for the MAXIMUM
number of items in one of your categories.  
i.e. If your "largest" menu contains 5 items,
include 5 blank  lines here.  For 10, include
10, and so on.

-->

  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>
  <option>

</select>
</form>
</td>

</tr>
</table>
</center>
</BODY>

</HTML>

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

um es in action zu sehen:
 http://www.epita.fr:8000/~esposi_j/stage2001/js/menu.htm

vielen dank für eure hilfe

MFG

Felix

#3
08 August 2002, 14:03:56
halo nochmal

scheint als könnte niemand mir helfen.
ich richte nun einen letzten hilferuf an alle javascript kenner!!

danke

felix

FrankySZ

#4
08 August 2002, 14:55:17
Hi felix,

ist denn das java, welches auf dem link zu sehen ist, dass was du gesucht hast, mit dieser auswahlfunktion?
Das wuerde auch ohne java gehen wen es dir nur um die auswahl aus 2 selections geht....
Erklaere mal bitte mit einem Beispiel ws du genau abfragen und errreichen willst, thx.
greets Franky
Drucken
Nach oben Seiten1
Benutzer-Aktionen