Visualizzare solo parte di una pagina

**giancky80** · 28-11-2005, 12:32

Ciao,
ho creato una pagina con delle informazioni relative a diverse persone. Si accede a qsta pagina da una barra con i pulsanti relativi ad ogni singola persona. Attraverso delle ancore cliccando su un link si apre la pagina al punto voluto.
E' possibile invece far sì che si veda SOLO parte della pagina (cioè se clicco sul pulsante "tizio" si veda solo la parte della pagina relativa a tizio). Una specie di comando che mostri quella pagina da un punto ad un altro.
Grazie
PS: il sito è pubblicato su virgilio e quindi non gestisce pagine asp!

**Federix** · 28-11-2005, 12:41

La parte che vuoi non far vedere la puoi inserire dentro un <div> e renderlo invisibile:

codice:

<div style="display:none;"></div>

**nuky** · 28-11-2005, 12:48

Puoi inserire le informazioni di ogni persona in un div nascosto e sul click visualizzare solo quelle della persona selezionata.

codice:

<html>
<head>
  <style>
    div{display:none}
  </style>
  <script>
    function Visualizza(idVisualizzare) {
      var cllcDiv = document.all.tags("DIV");
      
      for (var i=0; i<cllcDiv.length; i++)
        if (cllcDiv[i].id == idVisualizzare)
          cllcDiv[i].style.display='block';
        else
          cllcDiv[i].style.display='none';
    }
  </script>
<head>
  <body>
    tizio1
    tizio2
    tizio3
    tizio4
    tizio5
    tizio6
    <div id="tizio1">tizio1 bla bla bla bla bla bla bla</div>
    <div id="tizio2">tizio2 bla bla bla bla bla bla bla</div>
    <div id="tizio3">tizio3 bla bla bla bla bla bla bla</div>
    <div id="tizio4">tizio4 bla bla bla bla bla bla bla</div>
    <div id="tizio5">tizio5 bla bla bla bla bla bla bla</div>
    <div id="tizio6">tizio6 bla bla bla bla bla bla bla</div>
  </body>
</html>

Se hai altri div nel documento devi impostare una classe per rendere invisibili solo quelli che servono a te e poi devi testare nello script anche il className dei div ciclati.

Edit: Non ti avevo vosto Federix, ma intanto ero partito con l'esempiello, avrei postato lo stesso.

**giancky80** · 28-11-2005, 14:29

Innanzi tutto grazie mille per la risposta immediata!!!
Però sono ancora qui a rompere, sinceramente della vs risposta ho capito un po' poco (sono alle prime armi con l'html!)
Preciso un paio di cose: sto creando il sito con publisher come base, ma in realtà vi inserisco frammenti di codice html (altrimenti mi tratta tutto come immagini e la navigazione è lentissima). Seconda precisazione: il menù con tutti i nomi si trova in una pagina(squadre.html), mentre le informazioni vengono caricate in una nuova finestra (target="_new") da un'altra pagina (giocatori.html).
Se non ho capito male lo script dovrei inserirlo nella pagina col menù (prima del menù?!?), ad ogni link dovrei poi digitare:
tizio1
La parte
<style>
div{display:none}
</style>
dove dovrei scriverla nella pagina?

**nuky** · 28-11-2005, 14:47

Se la situazione è questa devi mettere solo i link nella pagina principale:

codice:

<html>
  <body>
    tizio1
    tizio2
    tizio3
    tizio4
    tizio5
    tizio6
  </body>
</html>

Nella pagina calciatori.html devi leggere il dato passato (id del div contenete i dati del calciatore) e solo dopo aver caricato la pagina con tutti i nomi nascosti rendere visibile solo quel div:

codice:

<html>
  <head>
    <style>
      div {display:none;}
    </style>

    <script type="text/javascript">
      function Visualizza() {
        // Leggo la query string escludendo il punto interrogativo iniziale
        var qString = location.search.substr(1);

        //La parte a sinista dell'uguale è il nome della variabile (giocatore)
        //La parte a destra dell'uguale è il valore di questa variabile
        var idGiocatore = qString.split("=")[1]
        
        //Si visualizza il div contenente i dati del giocatore passato
        //Se questo non è prsente si avvisa con un alert
        try
          {document.getElementById(idGiocatore).style.display='block';}
        catch (e)
          {alert("Giocatore non trovato");}
      }
    </script>
  </head>
  
  <body onload="Visualizza();">
    <div id="tizio1">tizio1 bla bla bla bla bla bla bla</div>
    <div id="tizio2">tizio2 bla bla bla bla bla bla bla</div>
    <div id="tizio3">tizio3 bla bla bla bla bla bla bla</div>
    <div id="tizio4">tizio4 bla bla bla bla bla bla bla</div>
    <div id="tizio5">tizio5 bla bla bla bla bla bla bla</div>
    <div id="tizio6">tizio6 bla bla bla bla bla bla bla</div>
  </body>
</html>

Presuppongo che tu non abbia un linguaggio lato server a tua disposizione, perché come metodo non è il massimo, così devi caricare sempre tutte le informazioni, mentre te ne serve solo una.

**giancky80** · 28-11-2005, 15:11

Grazie funziona perfettamente però come dici tu è molto lungo perchè deve caricarsi tutti i dati (sono 30 giocatori e per ognuno c'è una foto più qlke riga di testo).
Mi sa che creerò una pagina per ognuno in modo da non dover caricare sempre tutti i dati...

Grazie davvero dell'aiuto

PS: si vede che in Italia siamo tutti pazzi per il calcio: ho parlato di squadra e giocatori e hai subito pensato a calciatori... invece il sito è sulla mia squadra di pallavolo

Se vuoi guardarlo lo trovi a questo indirizzo: http://xoomer.virgilio.it/volleymarghera
Cmq da domani sarà aggiornato e in una veste grafica più decente!

**giancky80** · 28-11-2005, 15:27

Ultima domanda: è possibile far aprire la nuova finestra senza che ci siano le varie barre strumenti ed eventualmente specificandone le dimensioni?!? So che ci sono dei javascript ma senza di questi non si riesce? Tipo con un comando all'interno di:
tizio1

**nuky** · 28-11-2005, 15:29

Originariamente inviato da giancky80
PS: si vede che in Italia siamo tutti pazzi per il calcio: ho parlato di squadra e giocatori e hai subito pensato a calciatori... invece il sito è sulla mia squadra di pallavolo

Se vuoi guardarlo lo trovi a questo indirizzo: http://xoomer.virgilio.it/volleymarghera
Cmq da domani sarà aggiornato e in una veste grafica più decente!

Eheh... a me piacciono tutti gli sport, sarà che stavo leggendo una discussione sul caclio in Off Topic.

**nuky** · 28-11-2005, 15:31

Originariamente inviato da giancky80
Ultima domanda: è possibile far aprire la nuova finestra senza che ci siano le varie barre strumenti ed eventualmente specificandone le dimensioni?!? So che ci sono dei javascript ma senza di questi non si riesce? Tipo con un comando all'interno di:
tizio1

No, per forza jevascript:

codice:

 tizio1

Discussione: Visualizzare solo parte di una pagina

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzare solo parte di una pagina

Permessi di invio