ciao a tutti,
sono giorni che cerco una soluzione, ma non essendo pratica di javascript e programmazione in genere, non so come risolvere un problema:
nella index ho messo un div vuoto dove vorrei caricare contenuti diversi (gallery, immagine, video), tramite link:
link 1 = Locandina (che corrisponde ad un'immagine)
link 2 = Foto (che corrisponde alla gallery costruita con CSS)
link 3 = Video (preso da youtube)
questi 3 link si trovano in un "pannello accordion"
mentre il div dove vorrei si caricassero i contenuti è di fianco al pannello accordion.
Ho costruito una pagina.php dove ho inserito la locandina, da richiamare con javascript nel suddetto div vuoto.
Ecco ciò che ho fatto:
<head>
<script>
function cambia(contenuto) {
document.getElementById("apri").innerHTML = contenuto;
}
</script>
</head>
<body>
<div class="schede" id="spettacoli">
<div class="AccordionPanel">
<div class="AccordionPanelTab">SPETTACOLO 1</div>
<div class="AccordionPanelContent">
Locandina
<a href="javascript:cambia('
contenuto 2</p>')">Foto</a>
<a href="javascript:cambia('
contenuto 3</p>')">Video</a>
</div>
</div>
<div class="apri" id="apri"></div>
</div>
L'unica cosa che non funziona è il link alla pagina.php
perché, invece di comparire la locandina, compare il nome che ho messo,
ovvero; pagina.php
che cosa sbaglio? grazie