aiuto per form

**uilloc** · 04-08-2008, 20:10

Ciao a tutti ho un piccolo problema, premetto che non sono un utente molto esperto in questa cosa. Vorrei che in una form tipo questo codice:

<select class="other" name="q13_Inseriscisitoin" id="q13"onmouseover="ddrivetip('Categoria_principa le, 200)" onmouseout='hideddrivetip()' onblur="validate(this,'Required')" >
<option>seleziona una voce</option>
<option>Incontri</option>
<option>Benessere</option>
<option>Tempo libero</option>
<option>Free internet</option>
</select>

se seleziono l'pzione <incontri> la casella successiva (praticamente identica come codice) diventa attiva dandomi la possibilità di selezionare ulteriori sottovoci per <incontri>.
Tipo una selezione a livelli, magari se possibile + di 2.

Spero di essere comprensibile, cmq sono qui se non è chiaro.

Grazie atutti per la pazienza.

**fastcdr** · 04-08-2008, 23:06

un attimo!!!!!!!!

**fastcdr** · 04-08-2008, 23:09

Conosco solo questo sistema ma bisogna tener premuto il tasto control per selezionare
<select name="figure" size="3" multiple>
<option value="1">quadrato</option>
<option value="2">cerchio</option>
<option value="3">esagono</option>
<option value="4">cerchio</option>
<option value="5">rombo</option>
......
</select>

**uilloc** · 04-08-2008, 23:10

E chi si muove, sono qui, intando continuo a cercare ma picche, non riescoa reperire info utili, comincio a credere che non è una cosa tanto semplice da fare.

**uilloc** · 04-08-2008, 23:12

Ti ringrazio, ma non credo che un utente abbia l'accortezza di osseravre una procedura simile,
ci vuole javascript probabilmente, la funzione vuol dire se seleziono a mostrami b, se seleziono b mostrami f, a dirlo così è facile.

**fastcdr** · 04-08-2008, 23:21

allora cerchi una cosa simile a questa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Recipe 8.13</title>
<style rel="stylesheet" id="mainStyle" type="text/css">
html {background-color:#cccccc}
body {background-color:#eeeeee; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px;
margin-left:15%; margin-right:15%; border:3px groove darkred; padding:15px}
h1 {text-align:right; font-size:1.5em; font-weight:bold}
h2 {text-align:left; font-size:1.1em; font-weight:bold; text-decoration:underline}
.buttons {margin-top:10px}

</style>
<script type="text/javascript">

var regiondb = new Object()
regiondb["africa"] = [{value:"102", text:"Cairo"},
{value:"88", text:"Lagos"},
{value:"80", text:"Nairobi"},
{value:"55", text:"Pretoria"}];
regiondb["asia"] = [{value:"30", text:"Ankara"},
{value:"21", text:"Bangkok"},
{value:"49", text:"Beijing"},
{value:"76", text:"New Delhi"},
{value:"14", text:"Tokyo"}];
regiondb["australia"] = [{value:"64", text:"Suva"},
{value:"12", text:"Sydney"}];
regiondb["europe"] = [{value:"11", text:"Athens"},
{value:"35", text:"Frankfurt"},
{value:"3", text:"London"},
{value:"15", text:"Madrid"},
{value:"1", text:"Paris"},
{value:"10", text:"Rome"},
{value:"6", text:"Stockholm"},
{value:"97", text:"St. Petersburg"}];
regiondb["noamer"] = [{value:"73", text:"Dallas"},
{value:"71", text:"Los Angeles"},
{value:"5", text:"New York"},
{value:"37", text:"Toronto"}];
regiondb["soamer"] = [{value:"65", text:"Buenos Aires"},
{value:"31", text:"Caracas"},
{value:"66", text:"Rio di Janeiro"}];

function setCities(chooser) {
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["city"];
while (cityChooser.options.length) {
cityChooser.remove(0);
}
var choice = chooser.options[chooser.selectedIndex].value;
var db = regiondb[choice];
newElem = document.createElement("option");
newElem.text = "Choose a City:";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "") {
for (var i = 0; i < db.length; i++) {
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}
}

/**********
DOM LEVEL 0 ALTERNATE
**********
function setCities(chooser) {
var cityChooser = chooser.form.elements["city"];
// empty previous settings
cityChooser.options.length = 0;
// get chosen value to act as index to regiondb hash table
var choice = chooser.options[chooser.selectedIndex].value;
var db = regiondb[choice];
// insert default first item
cityChooser.options[0] = new Option("Choose a City:", "", true, false);
if (choice != "") {
// loop through array of the hash table entry, and populate options
for (var i = 0; i < db.length; i++) {
cityChooser.options[i + 1] = new Option(db[i].text, db[i].value);
}
}
}
**********/
</script>
</head>
<body>
<h1>Changing Select Element Content</h1>
<hr />
<form name="dealers" ...>
...
Submit Request to: <select name="continent" onchange="setCities(this)">
<option value="" selected>Choose a Region:</option>
<option value="africa">Africa</option>
<option value="asia">Asia</option>
<option value="australia">Australia/Pacific</option>
<option value="europe">Europe</option>
<option value="noamer">North America</option>
<option value="soamer">South America</option>
</select>
<select name="city">
<option value="" selected>Choose a City:</option>
</select>
...
</form>
</body>
</html>

**uilloc** · 05-08-2008, 14:12

E si solo che è una parola capirci li dentro, ci provo vedo se rieco cmq grazie tra poco ti dico..

**uilloc** · 05-08-2008, 14:16

Hai fatto centro bravissimo,
è proprio quello che mi serve,
ora ho la base ma ci devo studiare su come applicarla
in una forma già esistente e ben funzionante...

Cmq per chi come me non è molto pratico e non cerca cose molto complesse,
ma cmq fatte bene, conasiglio jotform.com,
si usa dal web con drag end drop, interessante...
smanetto....

**fastcdr** · 05-08-2008, 14:39

be non sono bravo io e bravo quello che ha fatto lo script

mi ricordavo che sul sito di un amico esisteva un problema simile al tuo ciao

**uilloc** · 05-08-2008, 14:40

Cqm ti sei interessato per trovarlo, e ti ringrazio.
Sto cercando d'integrarlo, cosa non semplice. ciao

Discussione: aiuto per form

Strumenti discussione

Ricerca discussione

Visualizza

aiuto per form

Permessi di invio