Commenti

maxcon62 ha scritto il 14.03.2014 ore 18:18

ti posto questo tutorial per "link ancora" (anchor link) in web designer 9.. solo che non ricordo se la funzione era presente anche nella versione MX

 

 

Buddy69 ha scritto il 17.03.2014 ore 11:54

Grazie Max!

il procedimento funziona anche con la ver. MX ed era proprio quello che cercavo solo, avrei preferito che lo scroll verso il link, fosse visibile in modo da far scorrere visivamente tutta la pagina. Questa funzione infatti, rimanda all'oggetto ancorato in maniera diretta (ho provato anche a modificare l'effetto della transizione con sfumature o entrate a dex e six ma, non hanno effetto su questo). Sai per caso suggerirmi come posso fare?

Grazie mille

Barbara 

maxcon62 ha scritto il 17.03.2014 ore 18:28

Penso che non si possa fare una transizione sullo scrool... lo so è un po' brusco ... ma è l'unico modo che conosco con web designer... se trovo un metodo alternativo te lo faccio sapere

Ciao

Max

 

 

maxcon62 ha scritto il 17.03.2014 ore 23:51

allora vediamo se così funziona...

crea un quadrato con lo strumento forma e incolla questo script , tab segnaposto, nella "head" in proprietà web

<script type="text/javascript" src=

/jquery.min.js"></script>
<script type="text/javascript">// <![CDATA[
jQuery.noConflict();

function scroller(anchor, delay) {
jQuery('html,body').animate({scrollTop: jQuery(anchor).offset().top}, delay);
};
// ]]>
</script>

poi nomina l'oggetto ancora ( o il testo) in cui vuoi che lo scroll arrivi e chiamalo (cliccando con il tasto destro e scegliendo "nome")

anchorOnPage

poi crea il testo ( o l'oggetto.. o tasto) su cui cliccare per azionare lo scroll e in proprietà web nel tab link inserisci lo script

javascript:scroller('#anchorOnPage', 1000)

1000 è il tempo di scroll se lo aumenti l'effetto rallenta

chiaramente puoi inserire più oggetti "ancora" chiamandoli in successione anchorOnPage2, anchorOnPage3, anchorOnPage4, ecc.

e inserendo come link

javascript:scroller('#anchorOnPage2', 1000)

javascript:scroller('#anchorOnPage3', 1000)

ecc...

 

 

nella prima stringa ... dopo src= inserisci "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3

 

 

 

maxcon62 ha scritto il 18.03.2014 ore 00:51

Buddy69 ha scritto il 18.03.2014 ore 12:02

...dal Tutorial che mi hai mandato...mi sembra perfetto!

Era proprio quello che volevo fare...provo e ti faccio sapere se ci sono riuscita!!!

Grazie ancora e buona giornata 

Barbara

Buddy69 ha scritto il 18.03.2014 ore 17:44

Ciao Max,

ho provato i codici e le istruzioni che mi hai mandato e lo scroll funziona proprio come volevo!

Visto che mi hai spiegato anche come poter tornare al top della pagina, volevo inserire anche quello però, nelle proprietà web che mi indichi nel tutorial, non c'è l'opzione "TopOfPage"...? Come faccio ad impostarla se non compare nell'elenco?

Grazie Barbara

maxcon62 ha scritto il 18.03.2014 ore 19:08

Probabilmente è una funzione che è stata inserita con la versione 9 premium...

Beh.. puoi nominare un oggetto  anchorOnPage ( con un numero) all'inizio pagina e settare il link con il comando javascript:scroller('#anchorOnPage', 1000) ... con lo stesso numero.... nelle proprietà web del tasto "top"

praticamente segui lo stesso metodo con un oggetto all'inizio della pagina...

 

 

maxcon62 ha scritto il 18.03.2014 ore 19:23

oppure crei un altro quadrato ( segnaposto) .. in head delle proprietà web inserisci questo script

<script type="text/javascript">
function my_scr2top()
{
   var x=window.pageXOffset;
   var y=window.pageYOffset;
   if(xr_ie)
   {
      x=document.documentElement.scrollLeft;
      y=document.documentElement.scrollTop;
   };
   window.scrollTo(x/2,y/2);
   if(x+y>4) setTimeout("my_scr2top()",50);
};
</script>

poi nelle proprietà del tasto "top" inserisci nel link (proprità web) questo comando

javascript:my_scr2top()

 

maxcon62 ha scritto il 18.03.2014 ore 19:28

un breve filmato per questa ultima spiegazione

Buddy69 ha scritto il 19.03.2014 ore 12:00

Grazie Max!

Funziona tutto perfettamente 

Buona giornata

B.

maxcon62 ha scritto il 24.03.2014 ore 14:58

bene

Stefa ha scritto il 28.10.2015 ore 10:20

Buongiorno Max,

stavo vedendo il tuo primo tutorial per lo scroll su una porzione della stessa pagina cliccando su un oggetto, ma nel testo che hai scritto lo script è incompleto (<script type="text/javascript" src="......) e non posso inserirlo.

Puoi riscriverlo?

Grazie. 

maxcon62 ha scritto il 28.10.2015 ore 11:11

non so come mai è andato perso .. vedo di recuperarlo nei prox giorni