Non riesco a far funzionare un plugin (probabilmente ho sbagliato qualcosa nel richiamare lo script)

L

Lis

Nuovo Utente
16 Lug 2013
16
0
0
Buondì; Sono una neofita della codifica di siti, e sto lavorando a un progetto per l'ufficio dove faccio lo stage seguendo questo simpatico videocorso su html e css, e su quello per ora non sto avendo difficoltà.

Il mio capo mi ha però chiesto di inserire nella colonna di sx un menu di quelli che si espandono quando ci passi sopra col mouse, e un amico programmatore mi ha consigliato di farlo con un plugin; ho trovato questo, ma per ora solo la parte css del discorso funziona. I link mi rimangono visibili e nidificati e l'hover non va proprio. Siccome (nonostante durante agosto ci abbia provato) io con linguaggi più avanzati di html e css non ci so ancora lavorare, sono quasi sicura di aver fatto qualche errore nel richiamare gli script nell'< head > della mia pagina. Ho scaricato l'ultima libreria jquery e per ora è nella stessa cartella del file html, ma non so dove la richiama perché di quel tipo di codice non ci capisco quasi niente, stessa cosa con eventuali richiami ai plugin veri e propri.

Ho quindi provato a analizzarlo con Firebug
Firebug_zps67765716.png

ma l'ho installato oggi, quindi ancora ci capisco il giusto; se ho capito bene, ho ragione e ho fatto pasticcio con gli script da richiamare.

Qualcuno mi può aiutare e spiegarmi cosa ho sbagliato e cosa devo cambiare? Anche eventuali link a guide o spiegazioni su come richiamare script e plugin saranno ben accetti, perché sto un po' perdendo il capo.

Grazie a tutti.
 
Ciao, per firebug devi guardare nella scheda "console" ti vengono sgnati li eventuali errori javascript
 
criric ha scritto:
Ciao, per firebug devi guardare nella scheda "console" ti vengono sgnati li eventuali errori javascript
Clicca per allargare...

Ciao, grazie mille! Ho provato, ma non dice niente. Non evidenzia assolutamente niente, né scrive niente. Ho controllato anche la tab script, e dice che non ci sono javascripts. Sono un pochino confusa, come procedo? Mi consigliate di provare a fare il menu hover con i css o posso arrivare a risolvere il problema, secondo voi?
 
criric ha scritto:
Posta il link se lo hai online
Clicca per allargare...

Sfortunatamente è ancora offline, almeno finché non ho l'homepage pronta e finita. Se ti serve il codice posso copiarlo qui o mandartelo, se mi dici dove.

Ho smanettato un po' con firebug e mi ha dato un paio di errori di sintassi (una parentesi graffa e una tonda messe male) alla riga 22 ma è nella parte dello script, che io non conosco e non so quindi modificare :(

Grazie per l'aiuto, davvero! Dimmi che ti serve, sono (ovviamente) a completa disposizione!
 
Postala pure qua, non ti prometto di guardarla stasera ma magari qualcun'altro potrebbe leggerla
ricordati di racchiudere il codice tra i tag presenti sulla barra di formattazione ( ultime icone seconda riga )
 
criric ha scritto:
Postala pure qua, non ti prometto di guardarla stasera ma magari qualcun'altro potrebbe leggerla
ricordati di racchiudere il codice tra i tag presenti sulla barra di formattazione ( ultime icone seconda riga )
Clicca per allargare...

grazie c:

Inserisco solo l'html del menu, vero?

HTML: 
<head>
	<meta charset="utf-8" />
	<title>Centro Studi Firenze</title>
	<!--LINK AL FILE CSS-->
	<link rel="stylesheet" href="style.css" />
		<!--LINK AI FONT-->
		<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
		<!--FINE LINK AI FONT-->
		<!--LINK AGLI SCRIPT-->
		<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
		<script type='text/javascript' src='js/jquery.dcverticalmegamenu.1.3.js'></script>
		<!--FINE LINK AGLI SCRIPT-->
	<!--FINE LINK FILE CSS-->
	<!--codici SCRIPT NELLA PAGINA-->
	<script>jQuery(document).ready(function($) {
    	$('#mega-1').dcVerticalMegaMenu({
		    rowItems: '4',
		    speed: 'slow',
		    effect: 'slide',
		    direction: 'right'
		});}
		</script>
		<!--fine codici SCRIPT NELLA PAGINA-->
	</head>
<body>
		<div class="colonnacentrale">

			<div id="banner">
			<img src="http://i814.photobucket.com/albums/zz67/IPA_prova/IMG/BANNER_zps156f6ac4.png" />
			</div>
			<div class="sidebarsx">
				<h1>Sezioni</h1>
				<hr />
 				<!--BARRA DI NAVIGAZIONE DI SX-->
 				<aside> 			
				<ul id="mega-3" class="mega-menu"><ul>
					<li><a href="#">Energie Rinnovabili e Risparmio Energetico</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Ambiente, Acqua e Rifiuti</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Sicurezza nei Luoghi di Lavoro</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Informatica e Uso del Computer</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Igiene Alimentare HACCP</a>
					<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Lingue</a>
					<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Economia e Management</a>
					<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Costruzione e Edilizia</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Amianto, Smaltimento e Bonifica</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
					<li><a href="#">Impiantistica e Conduzione Impianti termici</a>
						<ul>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
		                    <li><a href="#">Link</a></li>
                		</ul>	
                	</li>
				</ul>
				<br />
				</aside>	
			</div>

Per ora ho solo un file css (style.css) e un altro jquery.js e sono entrambi nella stessa cartella del file html.

Se qualcuno può aiutarmi sarò molto grata c:
 
Prime osservazioni
nel javascript fai riferimento alla lista "mega-1"
Codice: 
$('#mega-1')
nell'html chiami la lista mega-3
HTML: 
<ul id="mega-3"
Cosi lo script va in errore perche non trova la lista #mega-1

Se come dici i file sono mella stessa cartella il percorso di questi due richiami è sbagliato
HTML: 
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcverticalmegamenu.1.3.js'></script>
in questo modo li va a cercare dentro la cartella js . Dovrebbero essere cosi
HTML: 
<script type='text/javascript' src='jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='jquery.dcverticalmegamenu.1.3.js'></script>
 
criric ha scritto:
Prime osservazioni
nel javascript fai riferimento alla lista "mega-1"
Codice: 
$('#mega-1')
nell'html chiami la lista mega-3
HTML: 
<ul id="mega-3"
Cosi lo script va in errore perche non trova la lista #mega-1

Se come dici i file sono mella stessa cartella il percorso di questi due richiami è sbagliato
HTML: 
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcverticalmegamenu.1.3.js'></script>
in questo modo li va a cercare dentro la cartella js . Dovrebbero essere cosi
HTML: 
<script type='text/javascript' src='jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='jquery.dcverticalmegamenu.1.3.js'></script>
Clicca per allargare...

Oh mammina, ho fatto molta più confusione di quanta pensassi! Non ho scaricato nessuno dei due plugin coi richiami sbagliati, quindi non poteva proprio funzionare nemmeno volendo! Pensavo che tutto quello che mi serviva fosse sulla pagina, e invece qualcosa mancava!

Ho scaricato, nel frattempo, il plugin di Brian Chern e l'ho chiamato 'jquery.hoverIntent.minified.js' così che il richiamo lo riconoscesse, ma non so dove trovare il secondo plugin, quello che nel richiamo chiama query.dcverticalmegamenu.1.3.js. Sulla pagina non lo vedo proprio e non so dove scaricare il codice per salvare il file javascript.

Mi rendo conto che sto annaspando, ma sono veramente stretta coi tempi e se qualcuno può aiutarmi a cavarne le gambe mi salvate la vita c:
Grazie mille per l'aiuto, intanto mi avete già aiutato a capire che caspita ho sbagliato finora.
 
Ho abbandonato i plugin e mi sono appoggiata a un generatore di menu css, ma al momento di collaudarlo non funziona su Explorer. Mi sapete dire in che sezione posso chiedere come risolvere? Non so perché non funziona solo su explorer, ma purtroppo il nostro sito ha parecchio traffico proprio da IE :(
 
Lis ha scritto:
Ho abbandonato i plugin e mi sono appoggiata a un generatore di menu css, ma al momento di collaudarlo non funziona su Explorer. Mi sapete dire in che sezione posso chiedere come risolvere? Non so perché non funziona solo su explorer, ma purtroppo il nostro sito ha parecchio traffico proprio da IE :(
Clicca per allargare...

Mi sono salvata col doctype adeguato... scusate il disturbo e grazie ancora c:
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

SimooRu
[PHP] Non riesco a far passare i dati con i form
Risposte
4
Visite
2K
PHP
zorro
zorro
S
[RISOLTO]aiuto, non riesco afar funzionare il camp odi ricerca per un DB con PHP
Risposte
5
Visite
2K
PHP
Longo8
Longo8
B
NON riesco a far funzionare i COOKIE!
Risposte
1
Visite
3K
PHP
Trogo
Trogo
M
query che non riesco a far funzionare
Risposte
8
Visite
2K
PHP
codesurfer
codesurfer
3
Non riesco a far funzionare il sito .
Risposte
2
Visite
2K
Hosting
bluroy
bluroy
B
Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365)
Risposte
0
Visite
669
MS Access
Beppe56RM
B
L
Non riesco a riprodurre uno sfondo
Risposte
0
Visite
1K
Photoshop
Lucabigoni
L
R
Non riesco a rinnovare l'immagine di sfondo
Risposte
1
Visite
1K
PHP
MarcoGrazia
MarcoGrazia
G
non riesco a capire quale sia l'errore [SQL]
Risposte
2
Visite
1K
MySQL
MarcoGrazia
MarcoGrazia
R
  • Bloccata
Non riesco a cambiare l'immagine di sfondo
Risposte
4
Visite
1K
PHP
Roberto_V
R
I
Non riesco ad accedere ftp tramite IP in LAN
Risposte
6
Visite
2K
Reti LAN e Wireless
InformaticS
I
Leshabituelles
Non riesco ad aggiornare PHP
Risposte
0
Visite
1K
PHP
Leshabituelles
Leshabituelles
D
[HTML] Non riesco aprire foto singole in un album creato con "iWebAlbum"
Risposte
1
Visite
1K
HTML e CSS
Max 1
Max 1
D
  • Bloccata
[MS Access] aiuto non riesco a capire
Risposte
6
Visite
2K
MS Access
Max 1
Max 1
T
[PHP] aiuto....Fatal error: Uncaught Error:non riesco a capire
Risposte
1
Visite
2K
PHP
Max 1
Max 1
O
PHP 5.6 non riesco ad abilitare TSL 1.2
Risposte
1
Visite
968
PHP
october
O
W
Non riesco più a modificare i dati di una tabella da phpmyadmin
Risposte
0
Visite
2K
MySQL
Webbys
W
C
non riesco a inviare la posta con account alice
Risposte
1
Visite
11K
Posta Elettronica
marlev
M
L
[Javascript] aiuto non riesco a inviare in get dal server web locale su altervista con httpRequest
Risposte
0
Visite
1K
Javascript
lux_
L
G
[Javascript] non riesco a usare ace - ReferenceError: define is not defined 1 ace.js:37:1
Risposte
0
Visite
1K
Javascript
gio661
G
Alto Basso