aiuto jquery scroll to

11 contenuti / 0 new
Accedi o registrati per inserire commenti.
Ultimo contenuto
Mar, 18/10/2011 - 17:56
#1
f4w
Ritratto di f4w
aiuto jquery scroll to

Salve ho installato il modulo jquery scroll to, vorrei fare in modo che cliccando sui link del menù principale, la pagina scrolli direttamente al contenuto...

Qualche santo riesce ad aiutarmi?

In cima
Mer, 19/10/2011 - 16:39
f4w
Ritratto di f4w

!!! Help !!!

In cima
Mer, 19/10/2011 - 17:53
krima
Ritratto di krima

Non ho capito cosa esattamente devi fare, ad ogni modo il modulo che dici implementa un js che fa questo: http://demos.flesler.com/jquery/scrollTo/

In cima
Gio, 20/10/2011 - 17:22
f4w
Ritratto di f4w

praticamente vorrei che la pagina si posizioni all'altezza del contenuto, tipo il segnalibro in html...

In cima
Ven, 21/10/2011 - 12:43
krima
Ritratto di krima

In un sito di solito c'è un menu superiore o laterale che ti permette di accedere alle varie sezioni del sito o a specifiche pagine (es. chi siamo, dove siamo ecc...) se clicchi entri nella sezione o direttamente nel contenuto.

Se ho capito quello che tu vuoi fare è una cosa del tipo Q&A (Questions & Answers) di cui dovrebbe esserci un modulo già pronto.

In alternativa è possibile farlo usando un editor tipo ckeditor o tiny.

  • Crei la pagina, all'inizio metti l'elenco delle varie voci e di seguito i vari paragrafi.
  • Poi posizioni il cursore all'altezza del primo paragrafo e clicchi il bottone a forma di ancora.
  • Dai un nome all'ancora es. uno.
  • Prosegui così fino alla fine del paragrafi.
  • Quando sei arrivato in fondo selezioni la prima voce e clicchi sulla catenella (inserisci modifica link) e lo colleghi all'ancora "uno".
  • Prosegui in questo modo fino in fondo.

Volendo puoi anche mettere una scritta o un bottone torna su usando lo stesso sistema.

In cima
Ven, 21/10/2011 - 18:00
f4w
Ritratto di f4w

Bravo, intendevo propio questo. Ma in modo diverso, avendo un header molto alto, vorrei che clicando sul menù principale la pagina si posizioni all'inizio del node...

In cima
Ven, 21/10/2011 - 20:13
krima
Ritratto di krima

Qui non ti so aiutare. Potrebbe essere fatto tramite js ma non ne ho la certezza.

In cima
Ven, 21/10/2011 - 20:32
krima
Ritratto di krima

Ora che ci penso una soluzione c'è e senza nessun js.

Apri il file node.tpl.php del tema e dove vedi il tag del titolo (in alcuni temi è h1 in altri h2) trova qualcosa che assomiglia a:

<h2><a href="<?php print $node_url ?>" title="<?php print $title ?>"><?php print $title ?></a></h2>

Ed in mezzo aggiungi name="title" in mode che appaia così:

<h2><a href="<?php print $node_url ?>" title="<?php print $title ?>" name="title"><?php print $title ?></a></h2>

Poi in fondo ai link del menu aggiungi #title.

In cima
Ven, 21/10/2011 - 21:05
f4w
Ritratto di f4w

ok ci provo e ti faccio sapere...

In cima
Ven, 21/10/2011 - 21:08
f4w
Ritratto di f4w

dai cmq un occhio al modulo jquery scroll to lo trovo interessante e di grande effetto...

In cima
Ven, 21/10/2011 - 22:16
krima
Ritratto di krima

Ho sbagliato file... l'esempio sopra può andare ma nell'elenco con le anteprime dei nodi.

Il file corretto è page.tpl.php cerca qualcosa tipo:

<?php if (!empty($title)): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>

e trasformalo in

<?php if (!empty($title)): ?><h1 class="title" id="page-title"><a name="title"></a><?php print $title; ?></h1><?php endif; ?>

Per i link del menu vale quanto sopra.

In cima