Menù a discesa,scelta personalizzata

**Keyren** · 23-01-2013, 12:21

Salve scusate lo strano titolo,ma non avevo idea di cosa scrivere^^' spiego il mio problema,allora ho un menù a discesa(tag select) con varie opzioni,ora con javascript ho fatto in modo che cliccando su una determinata opzione(esempio:Personalizza) si apre una piccola finestra con dentro un campo text e due pulsanti uno per confermare e un altro che chiude,ora il problema sta nel dover salvare quello che scrivo nel campo text esempio:
1-clicco sulla scelta "personalizza" - risolto
2-si apre la finestra - risolto
3-scrivo la mia scelta personale - risolto
4-chiudo - risolto
5-al posto della scelta "Personalizza" dovrebbe esserci quello che ho scritto nel campo text - non ho idea di come farexD

l'ultimo passaggio mi risulta ancora difficile,ho da poco iniziato a trafficare con javascript^^'
se esiste un metodo migliore,va bene comunque,vi chiedo solo di essere chiari e dettagliati,come ho detto sto ancora imparando=D grazie in anticipo^^

**carlomarx** · 23-01-2013, 18:00

Provato con un semplice prompt?

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pagina senza titolo</title>
<script type="text/javascript">
function makeCustomizable () {
	var oChoice = document.tuoForm.scelta, oCustom = document.createElement("option");
	makeCustomizable.idx = oChoice.selectedIndex;
	oCustom.id = makeCustomizable.customId;
	oCustom.value = makeCustomizable.customNull;
	oCustom.innerHTML = makeCustomizable.customNullLbl;
	oCustom.style.fontStyle = "italic";
	oChoice.onchange = makeCustomizable.checkForCustom;
	oChoice.appendChild(oCustom);
}

makeCustomizable.checkForCustom = function () {
	var oSelected = this.options[this.selectedIndex];
	if (oSelected.id === makeCustomizable.customId) {
		var bIsDefault = oSelected.value === makeCustomizable.customNull, sNewVal = prompt("Inserisci un valore", bIsDefault ? "" : oSelected.value);
		if (sNewVal) {
			oSelected.innerHTML = oSelected.value = sNewVal;
			oSelected.style.fontStyle = "normal";
		} else if (bIsDefault) {
			this.selectedIndex = makeCustomizable.idx;
			return;
		}
	}
	makeCustomizable.idx = this.selectedIndex;
};

makeCustomizable.customNull = "null";
makeCustomizable.customNullLbl = "Personalizza";
makeCustomizable.customId = "customize-opt";

onload = makeCustomizable;
</script>
</head>
 
<body>

<form name="tuoForm">




	Scegli:
	<select name="scelta">
		<option value="scelta1">Scelta n. 1</option>
		<option value="scelta2">Scelta n. 2</option>
		<option value="scelta3">Scelta n. 3</option>
	</select>
</p>

</form>

</body>
</html>

**Keyren** · 23-01-2013, 18:53

prima di tutto grazie era proprio questo che intendevo^^ e sembra anche meno complesso di come avevo pensato io,anche se nel tuo codice c'è molta "roba" che ancora non conoscoxD
Copiando il tutto in un nuovo file lo script funziona alla perfezione,mentre se lo inserisco nel mio progetto mi da il seguente errore

codice:

Riga: 43
Errore: L'oggetto non supporta la proprietà o il metodo 'appendChild'

ovvero quì

codice:

oChoice.appendChild(oCustom)

mi aveva dato anche altri errori,ma quelli li ho risolti(erano legati al nome della form e al nome del tag select,ovviamente diversixD)

**Keyren** · 23-01-2013, 20:32

Non so perchè non posso modificare il messaggio,mi appare quest'errore:"Puoi modificare i messaggi solo per 60 minuti dopo aver postato. Questo periodo di tempo è passato, ma puoi chiedere la modifica contattando il moderatore della sezione e segnalando la discussione."

Comunque volevo aggiungere che il codice è da integrare con php..pensavo che non fosse necessario dirlo,però ho provato lo script in un nuovo file aggiungendo tutta la tabella dove è presente la select(dove agisce lo script) tutto come file html e funziona,mentre aggiungendo il tag <?php ?> mi da l'errore citato sopra

**cavicchiandrea** · 23-01-2013, 21:43

Originariamente inviato da Keyren
... mentre aggiungendo il tag <?php ?> mi da l'errore ...

E che a cosa servirebbe aggiungere i tag php?

**Keyren** · 23-01-2013, 23:33

Originariamente inviato da cavicchiandrea
E che a cosa servirebbe aggiungere i tag php?

si usa quando inizi una sequenza di codice php,funziona come il tag <script> di javascript

**cavicchiandrea** · 23-01-2013, 23:46

Originariamente inviato da Keyren
si usa quando inizi una sequenza di codice php,funziona come il tag <script> di javascript

Ok, mi sono espresso male, riformulo: cosa te ne fai di un tag php che viene interpretato solo dal server e che anche non d'esse errore al massimo vedresti una stringa '<?php echo codice php non interpretato dal browser ?>'?

**Keyren** · 28-01-2013, 12:36

scusa il ritardo,comunque uso il tag <?php perchè all'interno della pagina dove mi serve il menù faccio vari controlli(usando appunto php) ho sempre aggiunto quei tag e non mi hanno mai dato errori e mi ha stampato la nulla di indesiderato ^^',comunque mi è venuta un'idea,provo ad interrompere il tag php quando inizio la select per il menù e lo riapro dopo ^^

EDIT

rovato,ma non va comunque sempre lo stesso errore su oChoice.appendChild(oCustom)

**cavicchiandrea** · 28-01-2013, 13:36

Finché non capirai che sono due linguaggi completamente diversi e che richiamare i tag php è inutile non essendo interpretati da javascript dubito che andremo molto lontano

comunque auguri.

**Keyren** · 28-01-2013, 20:16

so perfettamente che sono 2 linguaggi diversi,e comunque non è la prima volta che uso javascript + php per risolvere qualcosa o per compensare le "mancanze" del php in quanto solo lato server(sempre nella pagina in questione faccio operazioni combinando php + javascript),come ho già detto ho iniziato da poco con javascript quindi non sono un esperto,ma non trattarmi come uno che ha iniziato ieri^^'

Discussione: Menù a discesa,scelta personalizzata

Strumenti discussione

Ricerca discussione

Visualizza

Menù a discesa,scelta personalizzata

Permessi di invio