Originariamente inviata da
cavicchiandrea
Ciao e benvenuto, finora cosa hai fatto? I 36 dati come sono formati? Da 1 a 10 che livello hai di js?
Ciao e grazie della risposta! il mio livello JS e' abbastanza basso: frequento la terza superiore indirizzo informatica.
Quello che ho fatto in breve:
codice:
<body>
<script>
function esempio1(){
var a= document.getElementById('').value;
}
function esempio2(){
var b= document.getElementById('').value;
}
</script>
<img src="tappeto.jpg" usemap="#immagine" border="0">
<map name="immagine" id="immagine">
<area shape="rect" coords="105,67,154,94" data-toggle='collapse' data-target='#div'> //riferito alla funzione esempio1
<<area shape="rect" coords="200,34,184,44" data-toggle='collapse' data-target='#div'> //riferito alla funzione esempio2
</map>
<div class="collapse" id="div">
<input type="text" id="esempio">
<button class="btn btn-info" onclick="//non so cosa mettere">Conferma</button>
</div>
</body>
In sostanza questo e' il percorso: 1. click su una zona di immagina 2. apertura del div 3. inserimento del testo nella casella 4. alla pressione del bottone la funzione corrispondente alla zona di mappa memorizza i dati e questa ultima parte crea problemi.