Contenuto div dinamico

[marcosx86]

Salve a tutti ragazzi,
non so se questa è la sezione giusta.. io nel frattempo vi illustro la questione.
5 pulsanti un div centrale.
Fino ad ora avevo usato gli iframe, in modo che quando cliccavo su un tasto mi carica una pagina diversa all'interno dell'iframe.
Ora però vorrei fare una cosa più pulita.. ad ogni click vorrei aggiornare il contenuto del div centrale.
E' possibile? Come potrei fare?
grazie

[Pastore12]

E' possibile?

si

Come potrei fare?

in tanti modi

Il contenuto che vuoi caricare nel div è sempre una pagina html (asp, php, jsp non cambia nulla) ? Allora devi usare ajax.

Per usare ajax puoi semplificarti la vita con qualche framework javascript, oppure no. Il fatto è che ogni browser ha un suo modo di intendere le chiamate ajax, quindi devi prevedere azioni diverse per tutti i browser sui quali vuoi che la pagina funzioni.
Un framework decende ti da l'istruzione "load" che funziona su tutti i browser.
Ora non ti resta che informarti meglio su cosa sia ajax. Troverai materiale molto facilmente. Ciao!

[codesurfer]

puoi anche utilizzare l'attributo innerHTML.
Per esempio poniamo una pagina molto semplice tipo:

<input type="button" id="bold" name="bold" onClick="javascript:setEffect('bold');" />
<input type="button" id="underline" name="underline" onClick="javascript:setEffect('underline');" />
<input type="button" id="stroke" name="stroke" onClick="javascript:setEffect('stroke');" />
<input type="button" id="reset" name="reset" onClick="javascript:setEffect('reset');" />

<div id="core" name="core"></div>

La funzione sarà:
function setEffect(effect){
if(effect=='bold') document.getElementById('core').innerHTML='TESTO';
else if(effect=='underline') document.getElementById('core').innerHTML='<u>TEST O</u>';
else if(effect=='stroke') document.getElementById('core').innerHTML='<s>TEST O</s>';
else document.getElementById('core').innerHTML='';
}

[marcosx86]

Vi ringrazio,
la pagina è in html comunque.Seguirò i vostri consigli e mi darò da fare.
Al massimo.. vi rompo ancora le balle

[marcosx86]

ok, ho trovato questa bella guida che seguirò:

http://antirez.com/articoli/spaghettiajax.html


una cosa ragassuoli..
è na cazzata sicuramente ma io son leso probabilmente :asd:

allora...

<script>
function script1() {
var e = document.getElementById("pluto");
e.innerHTML = "Benone!";
}
</script>
<div id="pluto">
Ciao come stai?
</div>


<input type="button" value="Esegui esempio" onClick="script1()" />
quest'ultima crea un pulsante con scritto Esegui esempio e al click mette in funzione lo script ok.
Mettiamo che io il pulsante l'ho gia creato.

ho questo codice:


<p style="width: 158px; margin-top:0px; margin-left:80px;margin-bottom:3px;">
[img]Mappa_1.png[/img]
</p>

Come faccio io a questo punto.. ad usare questa immagine come pulsante?
non so se mi sono spiegato.
E altra cosa.. magari la soluzione ce l'ho gia qui.. ma se io aggiungo alla funzione :
onclick="this.src='http://marcosugarfree.altervista.org/Mappa_click.png'; script1();"

è corretto?

[Pastore12]

Confesso di non aver mai provato.. ma per scoprirlo non ci vuole molto..

In alternativa puoi crearti una funzione che faccia tutto:

onclick="miaFunzione (this, 'http://marcosugarfree.altervista.org/Mappa_click.png');"

function miaFunzione(imgItem, src)
{
  imgItem.src=src;
  script1();
}

Che mi sembra più elegante.

[marcosx86]

Funziona
Grazie mille e buona giornata a tutti