Aprire il contenuto di un link in un DIV

tps

Nuovo Utente
30 Nov 2012
2
0
0
Ciao ragazzi, sono nuovo di qui, un saluto a tutti :beer:

Stavo cercando un modo per aprire il contenuto di un link (link di un menu) in un div senza far caricare la pagina. Ho trovato una discussione simile qui che parlava del seguente metodo in javascript:

HTML:
<script type="text/javascript">
function SimulaLink(ID)
{
var i = 1;
for (i=1; i<4; i++) // 
{
document.getElementById("contenuto_" + i).style.display = "none";
document.getElementById("contenuto_" + i).style.position = "absolute";
if (i == ID)
{
document.getElementById("contenuto_" + ID).style.display = "block";
document.getElementById("contenuto_" + ID).style.position = "relative";
}
}
}
</script>

Questo funziona alla perfezione, soltanto che avendo 13 link nel menu, dovrei modificare quel codice in:

var i = 1;
for (i=1; i<14; i++)

Il problema è che non mi visualizza il contenuto dei link dal link 10 in poi. Dovrei fare modifiche interne al codice per farmeli visualizzare?

Grazie a tutti :fonzie:
 
Ultima modifica di un moderatore:

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Il codice che hai postato non c'entra niente con il caricamento di una pagina senza aggiornare (cosa che va realizzata tramite AJAX). Non fa altro che modificare degli stili CSS, mostrando l'elemento con ID specificato e nascondendo tutti gli altri.
 

tps

Nuovo Utente
30 Nov 2012
2
0
0
Si, capisco che sarebbe opportuno farlo in Ajax, ma per il momento questo metodo mi va bene: nascondendo ed aprendo nel div di destra, i contenuti dei link del div di sinistra con il semplice click.

Però come ho detto il mio problema è che non mi visualizza i contenuti dei link dal 10 al 13
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
probabilmente sbagli ad assegnare l'id ai div
a me funziona
HTML:
<style>
    p {
        display: none;
    }
</style>
<script type="text/javascript">
    function SimulaLink(ID)
    {
        var i = 1;
        for (i=1; i<14; i++) // 
        {
            document.getElementById("contenuto_" + i).style.display = "none";
            document.getElementById("contenuto_" + i).style.position = "absolute";
            if (i == ID)
            {
                document.getElementById("contenuto_" + ID).style.display = "block";
                document.getElementById("contenuto_" + ID).style.position = "relative";
            }
        }
    }
</script>
<a href="#" onclick="SimulaLink(1);return false;">link 1</a>
<a href="#" onclick="SimulaLink(2);return false;">link 2</a>
<a href="#" onclick="SimulaLink(3);return false;">link 3</a>
<a href="#" onclick="SimulaLink(4);return false;">link 4</a>
<a href="#" onclick="SimulaLink(5);return false;">link 5</a>
<a href="#" onclick="SimulaLink(6);return false;">link 6</a>
<a href="#" onclick="SimulaLink(7);return false;">link 7</a>
<a href="#" onclick="SimulaLink(8);return false;">link 8</a>
<a href="#" onclick="SimulaLink(9);return false;">link 9</a>
<a href="#" onclick="SimulaLink(10);return false;">link 10</a>
<a href="#" onclick="SimulaLink(11);return false;">link 11</a>
<a href="#" onclick="SimulaLink(12);return false;">link 12</a>
<a href="#" onclick="SimulaLink(13);return false;">link 13</a>
<p id="contenuto_1">contenuto 1</p>
<p id="contenuto_2">contenuto 2</p>
<p id="contenuto_3">contenuto 3</p>
<p id="contenuto_4">contenuto 4</p>
<p id="contenuto_5">contenuto 5</p>
<p id="contenuto_6">contenuto 6</p>
<p id="contenuto_7">contenuto 7</p>
<p id="contenuto_8">contenuto 8</p>
<p id="contenuto_9">contenuto 9</p>
<p id="contenuto_10">contenuto 10</p>
<p id="contenuto_11">contenuto 11</p>
<p id="contenuto_12">contenuto 12</p>
<p id="contenuto_13">contenuto 13</p>
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Aprire il contenuto di un link in un altro div (senza aggiornare tutta la pagina) Javascript 1
A aprire il contenuto di un link nel div content Javascript 16
V aprire contenuto spry con pulsante flash Flash 5
W Aprire un pop-up da un pop-up HTML e CSS 3
T Come aprire file .wtb Discussioni Varie 10
A Aprire la window form Add Connection da codice Visual Basic 4
S Aprire su Mac Progetto PSD salvato su win Photoshop 0
D [HTML] Non riesco aprire foto singole in un album creato con "iWebAlbum" HTML e CSS 1
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
A [MS Access] Aprire maschera con sottomaschera su ultimo record MS Access 0
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
Tommy03 Aprire un file .asp nel browser Classic ASP 5
K Aprire porte modem Tim smart Fibra Adsl e Connettività 0
ste80 [MS Access] Impossibile aprire una maschera da pulsante MS Access 2
R [MS Access] COME APRIRE UNA MASCHERA FACENDO DOPPIO CLICK SU UN RECORDSET MS Access 1
R [MS Access] aprire maschera con doppio click su recordset di sottomaschera MS Access 4
G [PHP] Aprire una cartella tramite un link PHP 1
F aprire una pagina in un overlay jQuery 0
S [PHP] Aprire file in locale PHP 1
F [Javascript] Aprire file tramite jquery Javascript 0
trattorino [Javascript] aprire blocchi via via che si scorre Javascript 0
M Salvare i dati nel db e aprire altra pagina php PHP 7
C [PHP] Aprire la pagina dopo aver fatto il login PHP 1
Morganot37 Photoshop CC non può aprire l'immagine Webdesign e Grafica 5
S Aprire un marketplace Leggi, Normative e Fisco 0
G Aprire un app da pagina web Sviluppo app per Android 3
Shaovel [HTML] Aprire sito esterno cliccando immagine HTML e CSS 7
iap Aprire un ecommerce e sincronizzarlo al gestionale Discussioni Varie 1
M Aprire nuova scheda del browser con javascript Javascript 7
Shyson Aprire finestra popup con Safari Javascript 6
V aprire pagine php in div jQuery 1
M aprire Iframe su safari in IOS, (iphone - ipad) HTML e CSS 8
M Aprire un popup con un form jQuery 2
S Aprire file sul pc cliente dentro una intranet. PHP 1
D Navigare fra le directory e aprire file PHP 3
Gabriele Visioli Realizzare e Vendere siti web senza aprire una Partita IVA... Come? Leggi, Normative e Fisco 4
F Aprire un tab con js Javascript 0
F devo aprire due pagine asp contemporaneamente Classic ASP 1
F aprire un file pdf da una pagina asp Classic ASP 2
G Freelancer: quanto costa aprire e mantenere la partita IVA? Discussioni Varie 3
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
lucolo Non posso aprire discussioni Supporto Mr.Webmaster 4
M Aprire file php di una pagina web! PHP 5
Z Script per aprire video youtube sia apre a schermo intero e poi ridimensionare in automatico Javascript 1
F Che tipo di Partita Iva devo aprire? Leggi, Normative e Fisco 2
filippino Aprire link esterni in iframe HTML e CSS 0
T [VBulletin] Campi aggiuntivi prima di aprire nuova discussione CMS (Content Management System) 0
K Aprire sub(o form) in automatico all'apertura del Database MS Access 1
radioButton Istruzione html per aprire rubrica HTML e CSS 0
Monital aprire una connesisone su un altro database all'interno di un while PHP 3

Discussioni simili