Salve, innanzitutto spero di aver postato nel modo giusto e nel reparto giusto (essendo nuovo...:P)
Ho un problema che spero qualcuno di voi riesca a risolvere. Forse per mia incapacità o per mia ignoranza, ma non riesco a trovare una soluzione.
In una pagina Html, cerco di mettere diversi bottoni. Lo scopo di ogni bottone dev'essere che quando ci clicco, mi deve mostrare il suo contenuto.
1)Esempio: ho 1 bottone chiamato come
BOTTONE 1
Quando ci clicco sopra, mi mostra il suo contenuto; cliccandoci nuovamente, scompare tutto ovviamente.
2)Esempio: ho 2 bottoni, che chiamerò
BOTTONE 1
BOTTONE 2
Cliccando il BOTTONE 1, si apre, mentre il BOTTONE 2, presenterà il tastino, ma non darà segni di vita.
Vi copio il codice di prova usato. Vi accorgerete che copiando lo stesso codice, i risultati saranno alterati, come da me descritti.
<center><script>
window.onload=function(){
var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>
<div id="contenuto" style="display:none">
blablabla</center>
In questo formato va bene, ma se voglio ripetere l'operazione copiando a capo l'intero codice, mi escono comunque i due pulsanti, ma il secondo ( e quindi anche il 3, il 4, il 5 e via dicendo) non darà segno di vita.
Vi sono debitore *-*
Volendo potreste usare come prova anche il Real Time html editor
LINK
Rispondi quotando
