Altro problema, codice jQuery :D

[elias90]

Allora ragazzi....(PIX, tanto che sarai come sempre tu il mio salvatore ) sempre sul sito che stavo facendo giorni addietro, devo inserire un jQuery per fare una cosa molto particolare.

Come vedrete dalla pagina pagina sito

Ci sono tre blocchi, tipo colonne, dove all'interno di ognuna va inserito lo stesso script.

Ossia, allego tutto il contenuto scaricato contenuto

Voi direte, che stron**ta c'è tutto il codice ben scritto con le spiegazioni. Beh io non riesco a capire che parte di codice devo inserire e come farlo funzionare. E' la prima volta che mi capita ma questa volta proprio 0, di solito riesco a farli funzionare tutti ma questa volta proprio non so nemmeno che parte di codice inserire!

Ps. scaricate la cartella e troverete tutto dentro.

Ps.2 Aprendo la demo dello script, vedrete che sono delle immagini che passandoci sopra il mouse compaiono dei testi e cose varie, quello che a me interessa è il penultimo, quello che passandoci sopra il mouse compaiono le icone dei browser e parla della compatibilità con gli stessi

Ps.3 quello che io devo farci, teoricamente e far vedere nei blocchi 3 diversti tipi di piscina e passandoci sopra il mouse far comparire la spiegazione del tutto.

Grazie mille in anticipo per l'aiuto!

[pix]

nella demo che hai linkato manca la cartella "img".....

comunque, per farlo funzionare devi:

- copiare cartelle fhover e js (con relativo contenuto);

- collegare i file neessari nella pagina, così:

<script src="js/jquery-1.5.min.js" type="text/javascript" language="javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="fhover/fhover.css" />
<script src="fhover/jquery.fhover.2.js" type="text/javascript" language="javascript"></script>

- assegnare all'immagine che vuoi usare, nel suo tag, un nome CLASS o ID, e subito dopo l'immagine inserire un div, con rispettiva classe, che conterrà ciò che vuoi far comparire "sopra" l'immagine, ad esempio così:

<img src="TUAIMMAGINE.jpg" class="NOMECLASSE"  />
<div class="fhover_div_block CLASSEDIV">
contenuto che vuoi....
</div>

- All'interno dei tag head della pagina, metti questo:

<script language="javascript">
$(document).ready(function() {

	$('.NOMECLASSE').fusionHover({
		layers: {
			0: {
				target: $('.CLASSEDIV'),
				css: {
					speed:200,
					opacity: 0.6
				}
			}
		},
		offset: 30
	});

});
</script>

ecco fatto.

ovviamente sistema il percorso all'immagine, il nome del file e delle classi a tuo piacere.

N.B.: devi lasciare "fhover_div_block" prima del nome CLASSEDIV.

[elias90]

OK. allora.

Ho fatto il tutto questo è il risultato. sito

l'unico problema è che non funge lo script -.-"

questo è l'errore che mi dà la console di google chrome

[pix]

non trova il file di jquery....questo:

http://eliasripari.altervista.org/waterartprova/js/jquery-1.5.min.js

[elias90]

non trova il file di jquery....questo:

http://eliasripari.altervista.org/waterartprova/js/jquery-1.5.min.js

eh ma ci sta

ps. sulla console segna cmq il 1.5.2......

[pix]

allora probabilmente il codice delle loro istruzioni non è esatto (o meglio non coincide con i file che poi effettivamente ti fanno scaricare).

all'inizio del codice, sostituisci questa riga

<script src="js/jquery-1.5.min.js" type="text/javascript" language="javascript"></script>

con questa

<script src="js/jquery-1.5.2.min.js" type="text/javascript" language="javascript"></script>

[elias90]

allora probabilmente il codice delle loro istruzioni non è esatto (o meglio non coincide con i file che poi effettivamente ti fanno scaricare).

all'inizio del codice, sostituisci questa riga

<script src="js/jquery-1.5.min.js" type="text/javascript" language="javascript"></script>

con questa

<script src="js/jquery-1.5.2.min.js" type="text/javascript" language="javascript"></script>

allora, io ho capito quello che tu intendi, ma nella cartella js/ c'è veramente il file jquery-1.5.min.js

vedi codice comunque se ci fai caso, dove richiamo il file 1.5 piu in basso richiamo anche il 1.5.2 quindi li carica tutti e due, ma non capisco perchè dice che non li trova!? il 1.5.2 lo carica per la galleria che in quella pagina non c'è, ma il punto è perchè mi da errore nel caricare il 1.5 come dici tu se sta nella cartella giusta e il percorso è giusto..

[pix]

boh.....però se clicchi sul link diretto che ho postato io, il file risulta non esistere.....problema di permessi sul file?

a parte che....includere 2 versioni così simili di jquery nella stessa pagina non ha molto senso...e potrebbe rallentare il caricamento della pagina.....

prova a lasciare solo la prima chiamata in alto, modificandola in 1.5.2

oppure invece di mettere il percorso al file locale, puoi mettere l'url al file sorgente sui server di google.

[elias90]

Niente non funziona uguale, ti linko tutto il codice, magari mi son perso qualcosa che tu riesci a vedere

Mio collegamento

[pix]

beh adesso vado ad ammazzarmi di sangria porron (sono un professionista), magari ci darò un'occhiata domani

ps: per chi non sapesse cos'è e come si beve la sangria porron

[elias90]

beh adesso vado ad ammazzarmi di sangria porron (sono un professionista), magari ci darò un'occhiata domani

ps: per chi non sapesse cos'è e come si beve la sangria porron

ahahah, certo certo ci mancherebbe.... buona bevuta!

[pix]

il codice l'ho guardato ma non serve a molto guardarlo e basta....metti online il file aggiornato, all'indirizzo che avevi dato nel primo post.

[elias90]

il codice l'ho guardato ma non serve a molto guardarlo e basta....metti online il file aggiornato, all'indirizzo che avevi dato nel primo post.

fatto!

[pix]

fatto!

se guardi la console, il problema è sempre che non trova "js/jquery-1.5.min.js"

prova mettendo la riga 25 al posto della riga 15, e poi cancella la riga 25.

[elias90]

se guardi la console, il problema è sempre che non trova "js/jquery-1.5.min.js"

prova mettendo la riga 25 al posto della riga 15, e poi cancella la riga 25.

fatto

[pix]

elimina la riga 73....questa:

 $.noConflict();

[elias90]

fatto, niente, file uppato!

[pix]

boh non so che altro dirti.....ci son ancora problemi, come se non trovasse jquery o parte di esso.

ho fatto un test a partire dalla demo originale che hai caricato qui, e funziona perfettamente (anche se le immagini non ci sono, ma l'effetto va).

i casi sono 2:

- hai sbagliato qualcosa con i percorsi e/o i permessi sulle cartelle;

- lo script entra in conflitto con gli altri 5.000 che hai messo nella pagina

nel secondo caso, puoi provare momentaneamente a togliere gli altri, oppure a spostare la chiamata $('.example4) prima degli altri all'interno del document ready.

nel primo caso, invece, rimetti tutto a posto e ricomincia da capo....

(le ultime modifiche che ti ho consigliato le puoi annullare. Controlla con cmd+i in locale, o via ftp sul server, che le cartelle contenenti i js siano accessibili in lettura a tutti)

[elias90]

Guarda un'attimo questa foto...

Mio collegamento

questa impostazione va bene?

[pix]

Guarda un'attimo questa foto...

Mio collegamento

questa impostazione va bene?

sì, è giusta

[elias90]

sì, è giusta

ho fatto tutte le prove che mi hai detto.

questo ti dice niente?

Mio collegamento

[pix]

ho fatto tutte le prove che mi hai detto.

questo ti dice niente?

Mio collegamento

sì, c'era anche prima di una delle modifiche che ti avevo consigliato.

ripeto: zappa tutto ciò che riguarda lo script e ricomincia.

per ricominciare come si deve, crea un file html ad hoc con dentro solo lo script (elimina gradualmente le parti inutili) e controlla che tutto funzioni.

poi una volta che va, trasferisci la parte di html che serve nel tuo file.

[elias90]

sì, c'era anche prima di una delle modifiche che ti avevo consigliato.

ripeto: zappa tutto ciò che riguarda lo script e ricomincia.

per ricominciare come si deve, crea un file html ad hoc con dentro solo lo script (elimina gradualmente le parti inutili) e controlla che tutto funzioni.

poi una volta che va, trasferisci la parte di html che serve nel tuo file.

Allora....

Ho provato a fare quello che mi hai detto ecco il risultato: Mio collegamento

Allora come vedi qui funziona quello che volevo far funzionare ma non funziona più il menù, ma c'è un particolare per farlo funzionare non solamente preso il file demo e modificato, tolto quello che non mi serviva e aggiunto quello che si, ma se noti bene i file utilizzati nella demo sono diversi ossia, non viene usato il 1.5.js ma il 1.6.3 e non viene usato il fhover.2.js ma il fhover.2.min.js solo che ora non funziona il menù, non so che diavolo va in conflitto nella pagina di piscine ho tolto il 1.5 e il 1.6.2 ho messo il 1.6.3 che lo carica direttamente dalle google api, il menu funziona ma l'altro script no. che cazzo. sto impazzendo

[pix]

Allora....

Ho provato a fare quello che mi hai detto ecco il risultato: Mio collegamento

Allora come vedi qui funziona quello che volevo far funzionare ma non funziona più il menù, ma c'è un particolare per farlo funzionare non solamente preso il file demo e modificato, tolto quello che non mi serviva e aggiunto quello che si, ma se noti bene i file utilizzati nella demo sono diversi ossia, non viene usato il 1.5.js ma il 1.6.3 e non viene usato il fhover.2.js ma il fhover.2.min.js solo che ora non funziona il menù, non so che diavolo va in conflitto nella pagina di piscine ho tolto il 1.5 e il 1.6.2 ho messo il 1.6.3 che lo carica direttamente dalle google api, il menu funziona ma l'altro script no. che cazzo. sto impazzendo

mamma mia che impasticciamento.....

innanzitutto nel document ready non c'è più il javascript per il menù in alto....o almeno penso fosse quello.

avevo notato che usava 1.6.3 ma poi non te lo forniva...comunque anche con 1.5 funziona senza problemi.

le versioni "min" sono uguali alle altre solo che il codice è compresso, quindi al fine del funzionamento è la stessa cosa.

non mi sembra che ti sia ripartito da capo.....togli tutta la parte javascript/css/html dal file piscine, sia del menù che del hover.

poi prova IN ALTRI DUE FILE puliti ciascuno dei due script, fino ad ottenere che funzionino come desideri.

alla fine importa uno alla volta i due script nel file piscine, provando ad invertire le chiamate, eventualmente, nel document ready.

quando hai fatto tutto questo, se ancora non funziona, fai uno ZIP di tutto, comprese le immagini, e caricamelo da qualche parte che gli do un'occhiata.

se non fai così ma continui a modificare per tentativi ti ritrovi in una situazione in cui è impossibile scoprire qual'è l'origine del malfunzionamento.

[elias90]

ecco qua, divisi e funzionanti.

Mio collegamento

ma insieme ancora non riesco a farli funzionare, ho seguito anche il tuo suggerimento...

[pix]

ho una brutta notizia per te.....i due script non sono compatibili.

probabilmente da qualche parte faranno riferimento alle stesse cose....chissà.

il codice è compresso quindi praticamente illeggibile (immagino che la versione "in chiaro" sia a pagamento).

forse potresti riuscire a farli funzionare sfruttando degli iframe inline....ma non è una bella pratica da seguire. Se comunque vuoi farlo, crei l'html principale (quello col menù in alto) e un altro file html con i tre box e lo carichi tramite un iframe.

ti consiglio comunque di sostituire uno dei due script con uno totalmente diverso (da un punto di vista del codice), sarebbe meglio.

[elias90]

ho una brutta notizia per te.....i due script non sono compatibili.

probabilmente da qualche parte faranno riferimento alle stesse cose....chissà.

il codice è compresso quindi praticamente illeggibile (immagino che la versione "in chiaro" sia a pagamento).

forse potresti riuscire a farli funzionare sfruttando degli iframe inline....ma non è una bella pratica da seguire. Se comunque vuoi farlo, crei l'html principale (quello col menù in alto) e un altro file html con i tre box e lo carichi tramite un iframe.

ti consiglio comunque di sostituire uno dei due script con uno totalmente diverso (da un punto di vista del codice), sarebbe meglio.

cambierò sicuramente i box allora, però non è possibile, calcola ho un'altro problema con un'altro script, diverso, ma sarà mai possibile ma è una maledizione? ahahah

utilizzando l'iframe, andrebbe tutto liscio? perchè siccome ho un problema con un'altro codice, sempre la stessa cosa o funziona uno o funziona l'altro, ora li carico come ho fatto co questi e te lo faccio vedere, perchè almeno se lo so uso quello, perchè al cliente piace da morire il menù, l'idea così dei box e la galleria che ho scelto! ahah.

Ps. comunque quei box li ho pagati, presi da codecanyon.

[elias90]

Eccolo qua,

Mio collegamento

troverai all'interno un'altra pagina "galleria" che mi sta dando problemi per inserirla...

che rosicata però...

[elias90]

Ecco qua la prima prova di iframe, non credo sia venuto male no?!

Mio collegamento

[pix]

Ecco qua la prima prova di iframe, non credo sia venuto male no?!

Mio collegamento

e quindi niente più box hover? con l'iframe dovrebbe funzionare...

anche questo nuovo script non è male....magari con una riga sola e una o due colonne in meno.