link a div nascosti di altre pagine

[jei]

Ciao a tutti!


La situazione è questa: disperazione.


ho la pagina home.html che contiene tutta una serie di img, e la pagina cosa_faciamo.html che contiene un menu laterale che apre div nascosti, al click.
Come è possibile creare dei link per i quali, cliccando sulla determinata img della home, si apra la pagina cosa_faciamo.html al div relativo?
In altre parole, come posso creare un link che apra un div nascosto di un'altra pagina?

Ho provato ad utilizzare nella home.html <a name="#div1">, e <a href="cosa_facciamo.html#div1"> nella cosa_facciamo.html, ma non funge.



Spero di essermi espressa in maniera comprensibile!
Grazie in anticipo!

[cavicchiandrea]

Ciao e benvenuta
Cosa intendi per non funge da errore? non mostra il div? che stato ha il div?

[jei]

Ciao Andrea, grazie per il benvenuto!

Esatto, non mostra il div!
E penso che il motivo di ciò dipenda da questo codice che ho inserito nella pagina coi div nascosti (cosa_facciamo.html):

[jei]

function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}

function HideAllShowOne(d) {
var IDvaluesOfEachDiv = "section1 section2 section3 section4 section5 section6";

IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/[,\s"']/g," ");
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/^\s*/,"");
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/\s*$/,"");
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/ +/g," ");
var IDlist = IDvaluesOfEachDiv.split(" ");
for(var i=0; i<IDlist.length; i++) { HideContent(IDlist[i]); }
ShowContent(d);
}


Se preferisci allego i file completi!

[KillerWorm]

Ciao, molto sinteticamente, puoi risolvere col css usando la pseudo-classe :target (non funziona su vecchie versioni di IE).

Sulla pagina "cosa_facciamo" inserisci questa semplice regola css:

#div1:target{
  display:block;
}

Questo mostrerà l'elemento con id="div1" quando viene specificato il nome dell'ancora nell'indirizzo URL (così come già hai).
Se vuoi che agisca su più elementi puoi scriverli separati da virgola in questo modo:

#div1:target,#div2:target,#div3:target,#div4:target{
  display:block;
}

Quindi sul tuo html puoi scrivere semplicemente il tag in questo modo:

<div id="div1">questo è il div1</div>

[jei]

Niente, non funziona!
Cioè, mi collega alla pagina cosa_facciamo, ma non mi apre il div nascosto.

Siccome non ho ancora capito come si inserisca il codice in questa casella, allego un .txt per fare chiarezza. cosa_facciamo.txt
(Ps. i div di cui parlo hanno id="section1 2 3 ecc.)

Grazie per l'aiuto KillerWorm!

[KillerWorm]

Ok, prova in questo modo. Togli il css in linea dai tag con id=section... cioè elimina i vari style="display:none;"
Quindi inserisci questo css nell'head (sai come si fa?):

.section>div{
  display:none;
}
#section1:target,
#section2:target,
#section3:target,
#section4:target,
#section5:target,
#section6:target{
  display:block;
}

[jei]

A dire il vero no, sono poco esperta a dir la verità
lo inserisco paro paro?

(quel > in .section>div{ è giusto?

[jei]

Grandeeeeee funziona!
Grazie mille!

Ma curiosità, cambia qualcosa inserire il css direttamente nella pagina interessata?

E poi un'altra cosa, essendo la pagina basata su javascript, in che misura potrebbe compromettere il suo funzionamento l'apertura mediante explorer? Per ovviare la cosa deduco che si debba ridurre al minimo l'utilizzo di javascript, sbaglio?

[KillerWorm]

Bene. Per maggiori informazioni sui css vedi qualche guida tipo: http://www.html.it/pag/14211/inserir...-un-documento/

Riguardo javascript si aprirebbe un discorso senza fine. Ad ogni modo oggigiorno qualsiasi browser lo supporta. Personalmente non mi preoccuperei più di tanto nell'utilizzarlo, a patto che lo si faccia con criterio e scrivendo dello script sintatticamente corretto.
Se comunque hai bisogno di chiarimenti o maggiori informazioni per dettagli particolari, sarebbe meglio aprire una nuova discussione.

PS: per inserire del codice sul forum, puoi usare i tag [ code ] [/ code ] (senza spazi)
PPS: giusto per la cronaca.. ultimamente il forum sta dando errori, specialmente quando si utilizzano tag di formattazione...