programmare delle news così

[marco]

che script o programma viene usato per le news di questo sito: http://www.robgalbraith.com/bins/index.asp ?

Vedete sotto i "featured articles", che se si clicca sui bottoni in basso l'immagine cambia con mouseover e le news rotano automaticamente ogni tot secondi?

Grazie per l'aiuto

Prodotti MTB scontati

 

[Scafoman]

Marco se non ho capito male la tua domanda
La index è una pagina asp al cui interno per la funzione che ti interessa viene usato Javascript,il cambio dell'immagine di sfondo e della news allegata viene scatenata dall' evento onmouseover che a sua volta scatena la funzione swapItem(X) dell'array definito fv ( infatti viene richiamato fv.swapItem(X) in cui x è la posizione nell'array definito) il cui url di riferimento è href="http://www.robgalbraith.com/bins/content_page.asp?cid=xxxxxxxx" che quindi fa cambiare la news visualizzata.
se visualizzi il sorgente della pagina asp ti è tutto più chiaro.
Ciao

 

[marco]

Marco se non ho capito male la tua domanda
La index è una pagina asp al cui interno per la funzione che ti interessa viene usato Javascript,il cambio dell'immagine di sfondo e della news allegata viene scatenata dall' evento onmouseover che a sua volta scatena la funzione fv.swapItem(X) il cui url di riferimento è href="http://www.robgalbraith.com/bins/content_page.asp?cid=xxxxxxxx" che quindi fa cambiare la news visualizzata.
se visualizzi il sorgente della pagina asp ti è tutto più chiaro.
Ciao

hai un'idea di dove trovare questo javascript?

 

[Scafoman]

Marco Javascript è un linguaggio di scripting, non lo devi trovare, devi scrivere il codice seguendo le regole e la sintassi del linguaggio stesso ( in sostanza una forma di "programmazione")specificando nell'html che stai usando il linguaggio di scripting javascript ( in modo che il browser possa interpretarlo) con l tag " script /script ".
Per vedere come viene fatto basta che visualizzi il sorgente della pagina index.asp ( tx destro--> viewsource), ti salvi il listato e te lo studi.
Ocio che nel caso in esame essendo la pagina una asp presuppone che il webserver su cui vai a caricarla sia in grado si supportare active server page di Microsoft, quindi IIS....
Per dettagli su ASP puoi guardare qui:
http://asp.html.it/
per ciò che riguarda Javascript ci sono milioni di siti a riguardo, ad esempio
http://javascript.html.it/

 

[marco]

immagino tu intenda questo qua:

		     <table cellpadding="0" cellspacing="0" width="100%">

					<tr><td>
					<div class="sectionCol3"><div class="mod3ColContent modHeight2" id="FVContainer"><div id="FVContent"><div id='FVItem0' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1858_FA_Lightroom.jpg" width="577" border="0" /></div><div style='display:none' id='FVItem1' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1841_FA_michael_bass_v2.jpg" width="577" border="0" /></div><div style='display:none' id='FVItem2' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1842_FA_ben_lowy.jpg" width="577" border="0" /></div><div style='display:none' id='FVItem3' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1843_FA_sports_illustrated_2004.jpg" width="577" border="0" /></div></div></div></div>
					</td></tr>
					<tr><td><img src="../imgs/blank.gif" height="5" width="1" alt=""></td></tr>
					<tr><td id="FVNav" align="right">
					
							<a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(1)" href="http://www.robgalbraith.com/bins/content_page.asp?cid=7-8735-8802"><img src="../imgs/feature_button1a.jpg" border="0" name="fbut1"></a>
						
							<a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(2)" href="http://www.robgalbraith.com/bins/content_page.asp?cid=7-8735-8765"><img src="../imgs/feature_button2a.jpg" border="0" name="fbut2"></a>
						
							<a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(3)" href="http://www.robgalbraith.com/bins/multi_page.asp?cid=7-6456-7033"><img src="../imgs/feature_button3a.jpg" border="0" name="fbut3"></a>
						
							<a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(4)" href="http://www.robgalbraith.com/bins/multi_page.asp?cid=7-6453-6821"><img src="../imgs/feature_button4a.jpg" border="0" name="fbut4"></a>

						
					</td></tr>
				 </table>

 

[Scafoman]

immagino tu intenda questo qua:

             <table cellpadding="0" cellspacing="0" width="100%">

                    <tr><td>
                    <div class="sectionCol3"><div class="mod3ColContent modHeight2" id="FVContainer"><div id="FVContent"><div id='FVItem0' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1858_FA_Lightroom.jpg" width="577" border="0" /></div><div style='display:none' id='FVItem1' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1841_FA_michael_bass_v2.jpg" width="577" border="0" /></div><div style='display:none' id='FVItem2' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1842_FA_ben_lowy.jpg" width="577" border="0" /></div><div style='display:none' id='FVItem3' class='FVItem'><img title="Click to view story" height="349" alt="Click to view story" src="/data/1/rec_imgs/1843_FA_sports_illustrated_2004.jpg" width="577" border="0" /></div></div></div></div>
                    </td></tr>
                    <tr><td><img src="../imgs/blank.gif" height="5" width="1" alt=""></td></tr>
                    <tr><td id="FVNav" align="right">
                    
                            <a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(1)" href="http://www.robgalbraith.com/bins/content_page.asp?cid=7-8735-8802"><img src="../imgs/feature_button1a.jpg" border="0" name="fbut1"></a>
                        
                            <a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(2)" href="http://www.robgalbraith.com/bins/content_page.asp?cid=7-8735-8765"><img src="../imgs/feature_button2a.jpg" border="0" name="fbut2"></a>
                        
                            <a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(3)" href="http://www.robgalbraith.com/bins/multi_page.asp?cid=7-6456-7033"><img src="../imgs/feature_button3a.jpg" border="0" name="fbut3"></a>
                        
                            <a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(4)" href="http://www.robgalbraith.com/bins/multi_page.asp?cid=7-6453-6821"><img src="../imgs/feature_button4a.jpg" border="0" name="fbut4"></a>

                        
                    </td></tr>
                 </table>

Ok quella è la parte dello script che fa il cambio della news sul passaggio del mouse sul bottone.

 

[marco]

già, ma lo script vero e proprio chissá come è. Vabbè, lascio perdere

 

[Scafoman]

già, ma lo script vero e proprio chissá come è. Vabbè, lascio perdere

e tutto lì marco , è tutto il codice contenuto all'interno dei tag html

script

/script

Ocio solo che il codice può essere contenuto direttamente nella pagina ( e quindi direttamente visibile) quando i tag sono così:

<script language="Javascript">
...........
............
............
</script>

oppure può essere richiamato da file esterni ( che devi scaricare o che più facilmente trovi nella cache di IE o Mozilla per poterli analizzare) quando i tag sono di questo tipo:

<script src="nomefile.js"></script>

Se hai tempo da perdere o ti interessa non ti rimane che leggerti una guida semplice (tipo quella su html.it) e scaricati tutto il codice della pagina index.asp ( quindi anche i file .js da essa richiamati) per capirne il funzionamento... ( è una palla ma non c'è via alternativa a meno che tu non decida di far sviluppare una pagiandel genere da uno sviluppatore web)...

 

[marco]

ok, grazie. Vedèm...

 

[stam]

che script o programma viene usato per le news di questo sito: http://www.robgalbraith.com/bins/index.asp ?

Vedete sotto i "featured articles", che se si clicca sui bottoni in basso l'immagine cambia con mouseover e le news rotano automaticamente ogni tot secondi?

Grazie per l'aiuto

Dreamweaver ha un "comportamento" preimpostato che si chiama "scambia immagine" che inserisce automaticamente lo script che permettere di sosituire le immagini su evento come "mouseover".

Comunque è un comando javascript richiamato dal "mouseover" basato sul DOM, in pratica va semplicemente a riscrivere il parametro "src" del tag "image"...

Questa è un pezzo di una prova che avevo fatto con dreamweaver per un giornale:
http://illevante.dimesrl.com/menu21.html
e questa un esempio semplificato al massimo che ho fatto per fare delle prove: http://mau.dimesrl.com/roller

 

[koffo]

ok, grazie. Vedèm...

Il Javascript di quella pagina è abbastanza k@zzuto, in pratica funziona così:

1) Viene importato uno script che definisce un prototipo Javascript di una classe (un po come verrebbe fatto in C++ o Java) http://www.robgalbraith.com/bins/script/prototype.js

2) Viene definita a questo punto una classe FeatureViewer con una serie di metodi tra i quali il famoso swapImage che serve a cambiare l'immagine corrente con un'altra, tutto questo tramite quest'altro script http://www.robgalbraith.com/bins/script/main.js

3) A questo punto nella pagina (dopo aver importato i due script) dichiara un blocco javascript "al volo" nel quale crea un'istanza di FeatureViewer accessibile da tutta la pagina (la variabile fv appunto)

<script type="text/javascript">
fv = new FeatureViewer(); fv.arrLinks.push("http://www.robgalbraith.com/bins/content_page.asp?cid=7-8736-8829"); fv.arrLinks.push("http://www.robgalbraith.com/bins/content_page.asp?cid=7-8735-8802"); fv.arrLinks.push("http://www.robgalbraith.com/bins/multi_page.asp?cid=7-6468-7844");
fv.start();
</script>

4) Ora che il FeatureViewer è stato definito, istanziato e startato, ne usa le caratteristiche dove serve:
...
<a onmouseout="fv.startIdle()" onmouseover="fv.swapItem(1)" href="http://www.robgalbraith.com/bins/content_page.asp?cid=7-8736-8829"><img src="../imgs/feature_button1a.jpg" border="0" name="fbut1"></a>
...

Spero di essermi fatto capire

 

[marco]

eccolo qui: http://www.prototypejs.org/

 

[koffo]

Praticamente ti consente di definire delle classi e di istanziarle, come avviene in tutti i linguaggi object oriented...fico!