Cosa significa quando codice appare in rosso nell'editor di altervista

**podset** · 18-10-2018, 12.04.58

Salve, qualcuno sa dirmi cosa vuol dire quando nell'editor di altervista alcuni comandi di codice html o altri appaiono in rosso? Significa forse che ci sono degli errori nel codice?

**alemoppo** · 18-10-2018, 14.23.20

Dipende: le stringhe tra virgolette normalmente sono rosse.
Se però i tag html sono rossi, allora probabilmente stai sbagliando qualcosa: assicurati di aver chiuso tutti i tag html.

Se vuoi posso aiutarti a capire dove sia l'errore mostrando il codice.

Ciao!

**podset** · 18-10-2018, 16.16.06

Qui ti inserisco il link dove si trova la pagina in questione che ho preparato apposta per la discussione quindi il testo e i vari elementi non sono gli originali ma sono accomodati per privacy e qui lo puoi vedere con realtivo codice.

alemoppo in realtà la questione delle stringhe rosse è solo un problema marginale. In realtà il mio problema più grosso è un altro e forse le stringhe rosse hanno a che fare con quello che sto per spiegarti.

Ho finito il codice del template che puoi vedere nel link che ho inserito sopra. Come puoi vedere dal link il template è costituito dal file css esterno e da alcuni file javascript anch'essi esterni. In questa versione ho il problema che il template mi si visualizza con lo spazio tra i header e menu e con lo spazio tra menu e colonna di destra. Tali spazi non ci dovrebbero essere ed è questo il mio problema.

Mentre invece in questa versione con il codice più pesante, cioè munito di codice css e codici javascript interni, il template si visualizza nel modo corretto.

Non riesco a trovare in che punto è l'errore.

**alemoppo** · 18-10-2018, 16.46.24

Per il tuo problema di visualizzazione, io visualizzo entrambe le pagine in modo identico. Non vedo alcuno spazio che dici.

Nel codice, comunque, non capisco la parte dalla riga 28 a 41: sicuro vada in quel punto di codice? E cosa dovrebbe fare? Perché lo hai inserito?

Ciao!

**podset** · 18-10-2018, 18.22.01

Non ne ho idea di cosa deve fare quella parte di codice. Forse è quella che crea problemi? Faccio una prova togliendo quella parte di codice per vedere se dipende da quello. Però, se hai provato e le visualizzi entrambe uguali, allora mi sa che devo fare come mi dicesti l'altra volta.

Se ti ricordi avevo lo stesso problema quando ancora dovevo fare molta parte del codice e risolvemmo il problema aggiungendo la riga di codice:

e poi facendo l'operazione di salvare il file php della pagina sul desktop, aggiungere la riga e poi rimetterla all'interno di altervista.

Anche se questa volta mi sembra di averlo fatto.

Comunque adesso faccio la prova e poi ti faccio sapere...

**podset** · 18-10-2018, 18.32.44

Alemoppo niente da fare. Ho fatto la prova qui e la visualizzazione è sempre la stessa e ho fatto anche il passaggio di rimettere il file su altervista dal desktop. In compenso, togliendo quella parte di codice dalla riga 28 a 41 ho risolto la questione delle righe rosse. Adesso non ce ne sono nemmeno una, però l'altro problema rimane. Secondo te come si spiega che tu le visualizzi bene e io no?

**alemoppo** · 18-10-2018, 19.20.14

Originalmente inviato da podset

Secondo te come si spiega che tu le visualizzi bene e io no?

Le cause possono essere:

Hai la versione non aggiornata della pagina (problema di cache)
Utilizzi un browser differente dal mio

Per la prima, prova a vuotare la cache del browser. Controlla che i vari file css siano aggiornati visualizzando il sorgente da browser.
Per la seconda, io ho provato con Chrome e Firefox e non noto problemi.

Ciao!

**podset** · 19-10-2018, 10.53.19

Ho fatto una serie di prove con i browser. Io ho gli stessi tuoi browser, cioè firefox e chrome e come browser predefinito uso firefox, quindi è lo stesso che hai tu.

L'esito delle varie prove che ho fatto è questo: quando visualizzo le pagine con chrome va tutto bene. Tutte due le versioni del template vengono visualizzate giuste. Mentre quando vado a visualizzarle con firefox il template meno pesante (con i css e java esterni) presenta gli stessi problemi di visualizzazione.

Quindi, secondo quanto hai scritto sopra deduco che il problema non è nei browser, ma credo sia la prima causa che hai elencato. Ora, la spiegazione che mi hai scritto sopra per me è un po' arabo, ovvero potresti scrivermi una specie di tutorial con i vari passaggi per svuotare la cache del browser?

E poi cosa vuol dire "controlla che i vari file css siano aggiornati"? Cosa dovrebbero contenere per essere aggiornati?

Grazie...

-----------

In rete ho trovato questo tutorial. Secondo te è quello giusto per svuotare la cache?

**alemoppo** · 19-10-2018, 13.58.19

Originalmente inviato da podset

E poi cosa vuol dire "controlla che i vari file css siano aggiornati"? Cosa dovrebbero contenere per essere aggiornati?

Ah, pensavo che i file css li modificassi tu a mano: intendevo controllare se fossero aggiornati con le ultime modifiche.

Originalmente inviato da podset

In rete ho trovato questo tutorial. Secondo te è quello giusto per svuotare la cache?

Sì, quello è il sito ufficiale Mozilla (firefox). Direi che è il posto giusto per cercare il tutorial.

Ciao!

**podset** · 19-10-2018, 16.03.27

Ok alemoppo il problema era quello e cancellando la cache adesso vedo tutto bene. Però non capisco ancora cosa intendi con l'aggiornamento dei file esterni css. Si, i file li modifico io a mano, ma non capisco cosa c'entra con il problema che avevo io. Intendi forse che devo creare più di un file css, magari uno per ogni singola funzionalità o elemento che ho inserito nel sito? Devo creare più css al posto di un unico file css che gestisce tutto il template?

Grazie

**alemoppo** · 19-10-2018, 16.18.36

Originalmente inviato da podset

Intendi forse che devo creare più di un file css, magari uno per ogni singola funzionalità o elemento che ho inserito nel sito? Devo creare più css al posto di un unico file css che gestisce tutto il template?

Nono, è corretto avere un unico file per il template.

Quello che intendo, è controllare che il file css non sia una versione vecchia: quando modifichi un file, questo non è detto che viene aggiornato immediatamente dal tuo brwoser, perché solitamente i browser utilizzano la versione che hanno nella loro cache.

Quindi intendevo che quando apri il sito, visualizzando il sorgente del CSS di controllare se si tratta dell'ultima versione.

Ciao!

**podset** · 19-10-2018, 16.34.57

Ah, ok...
un'ultima cosa: aprendo i link di questa discussione potresti controllare se alcune funzionalità del sito a te funzionano, perché a me non funzionano. Per funzionalità intendo:

- se il pulsante hamburger premendolo fa uscire fuori il menu
- se in fondo al sito all'interno del footer è presente la freccia di scroll-top per tornare su nella parte header
- se cliccando nel pulsante di ricerca del motore interno ti viene fuori qualcosa

Mi serve per capire se è un problema che ho solo io oppure no.
Potrebbe darsi che devo modificare qualcosa nei file esterni css e java?
Magari devo collegare i file java all'interno del file css. Non so se si può fare, oppure devo fare un file java unico per tutte e tre queste funzionalità.
Grazie

**alemoppo** · 19-10-2018, 17.12.07

Nella pagina http://podset.altervista.org/provage...scussione1.php

Il pulsante hamburger funziona.
La freccia scroll-top fnziona
Il campo di testo non succede nulla, ma la parola viene immessa nell'url con parametro "input".

Per i codici css e javascript (non java che è tutt'altro) puoi scegliere se tenerli in file separati o raggrupparli tutti in un unico sorgente. Dipende da come ti viene più comodo a te. Lato funzionalità non cambia nulla.

Ciao!

**podset** · 19-10-2018, 17.24.34

Certo, la pagina che hai messo qui sopra è quella con tutti i file interni, per forza che funziona. Io dicevo gli altri con i file esterni. Se non li hai mensionati devo dedurre che non funzionano neanche a te. Da che cosa deriva tale problema? Sbaglio qualcosa? A me pare che questo problema derivi tutto dai tre file esterni javascript e non dal css.

I file javascript sono:

<script type="text/javascript" src="btn-menu.js"></script>
<script type="text/javascript" src="motore.js"></script>
<script type="text/javascript" src="scrolltop.js"></script>

Mentre il file css è: <link rel="stylesheet" type="text/css" href="stile.css" />

Il file css credo vada bene altrimenti non si visualizzerebbe bene neanche l'intero template.
Sui tre javascript ho qualche dubbio.

Secondo te?

**alemoppo** · 19-10-2018, 17.33.15

No, non avevo provato gli altri file, ma comunque ora vedo che non funzionano.

Il problema è che hai immesso del codice HTML nel Javascript. Ad esempio il file

http://podset.altervista.org/provage...ni/btn-menu.js

Codice:

<script><!--//--><![CDATA[//><!--
 $(document).ready(function(){   
		
		$(".btn-responsive-menu").click(function() {
			$("#navigation").toggleClass("show");
		});
    
    });
//--><!]]></script>

Non puoi inserire del codice html lì dentro (<script>).

Usa la console degli errori dei browser, ti aiuterà molto a capire i problemi.

Ciao!

**podset** · 19-10-2018, 21.30.49

Adesso toglierò il codice html da lì. Deve essere un rimasuglio di alcune modifiche che è rimasto dentro.
Comunque non credo che dipenda da quello il problema, perché gli altri due javascript mi sembra che non presentano codice html al loro interno e quindi dovrebbero funzionare. Sei sicuro che non dipenda da altre cose?

Scusa, ma dove posso trovare la console degli errori? Non mi sembra di averla mai vista.

**alemoppo** · 19-10-2018, 21.47.21

Nei browser principali, puoi aprire la console degli errori con F12. Altrimenti devi guardare nel menù, "strumenti per sviluppatori" o "ispeziona". Contiene un sacco di strumenti utili, come cambiare CSS al volo o visualizzare vari elementi.

Ciao!

**podset** · 20-10-2018, 16.57.17

Apprezzo lo strumento che mi hai suggerito ma mi ci vuole troppo per capire come usarlo e come può portarmi a risolvere il problema. Non so come usarlo e non avendo molto tempo da dedicarci non so quanto può essermi utile. Se mi dici cosa serivrebbe a te per capirci qualcosa dimmelo che te lo procuro, se posso. A me serve capire il punto preciso del problema e una volta individuato fare le modifiche necessarie per risolverlo.

Ho tolto il pezzo di codice html all'interno del javascript ma come avevo previsto qui sopra non dipende da quello perché il non funzionamento dei tre elementi del template rimane.Non so, forse dovresti fare delle prove tu nel tuo editor per capire qual è il problema.

Tutti gli elementi necessari li ho forniti all'interno di questa dicussione ma adesso sono un po' bloccato e non so come andare avanti e quali altre strade provare. Magari potresti essere tu a dirmi qualcosa di un po' più preciso.

Qui ti ripropongo il template su cui basarti...

Le righe al centro della questione sono:

E il codice html collegato a questi 4 file esterni sono:

<form name="searchForm"><span style="color: #ffffff; font-family: Arial; font-size: medium;">Cerca nel sito (immetti una sola parola):</span> <input maxlength="100" name="input" size="20" type="text" /> <input type="button" value="Cerca" /><img src="http://podset.altervista.org/provagenerale/anteprima/images/icon-troll-toptemplate75.jpg" alt="" width="18" height="15" /></form>
<p style="text-align: right;"><a class="scrolltotop" href="https://s309.altervista.org/"><img src="http://podset.altervista.org/provagenerale/anteprima/images/tornasu.png" alt="" width="44" height="30" /></a></p></div>

**alemoppo** · 20-10-2018, 19.45.18

Guardando la console, da Chrome:

E da Firefox (non so quale browser stai utilizzando):

Risulta abbastanza evidente dal primo errore di entrambi i browser che non è stato incluso correttamente jQuery quando lo stai tentando di utilizzare in btn-menu.js.

Prima devi includere jQuery, poi utilizzarlo.

Come vedi, è uno strumento fondamentale soprattutto se non sei molto esperto, perché offre informazioni molto utili non solo per javascript ma per molte altre cose. Se non hai tempo da dedicarci, ti consiglierei di non imbatterti in questo sito, ma al più di utilizzare un CMS (come WordPress).

Ciao!

**podset** · 22-10-2018, 09.54.19

Scusami, ma non è che ci abbia capito poi molto. Di preciso cosa dovrei fare per includere questo jQuery? Da dove dovrei tirarlo fuori...

**alemoppo** · 22-10-2018, 10.37.19

Guarda il sorgente della tua pagina.

Ci sono queste righe:

Codice HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
...
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Che non fanno altro che includere la libreria jQuery nel tuo sito.
Però tu utilizzi funzioni di jQuery nei file btn-menu.js e scrolltop.js senza aver prima incluso quelle librerie (le includi dopo).

Quindi io ti consiglierei di includere solo una volta jQuery e di includerlo prima di:

Codice HTML:

<script type="text/javascript" src="btn-menu.js"></script>

(che è il primo script che utilizza le funzioni $ di jQuery).

Ciao!

**podset** · 22-10-2018, 10.58.01

Ti confido che sono un po in confusione. Sai lavorando ad uno script alla volta e non nello stesso giorno, poi dopo ritornandoci dopo dei giorni non mi ricordo quali file js stanno in un elemento e quanti in un altro. Quindi, se per favore mi potresti tradurre in righe di codice quanto mi hai appena detto sopra, mi faresti un grande favore, perché mi sento un po perso ad andare per tentativi.

Grazie...

P.S: mentre aspettavo la tua riposta ho fatto dei tentativi individuando il file js/jquery-1.7.1.min.js come file da includere ma la cosa non funziona lo stesso. Ma dalla tua risposta sopra mi sa che sto sbagliando qualcosa.

**alemoppo** · 22-10-2018, 11.18.39

Le prime righe del tuo sito sono:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it-it">
<head>
<title>Titolo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name=X-UA-Compatible content="IE=edge,chrome=1"/>
<meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name=ms.locale content=it-it />
<meta name=ms.contentlang content=IT />

<link rel="stylesheet" type="text/css" href="stile.css" />
<script type="text/javascript" src="btn-menu.js"></script>
<script type="text/javascript" src="motore.js"></script>
<script type="text/javascript" src="scrolltop.js"></script>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

Quando includi btn-menu.js, visto che il codice all'interno utilizza jQuery, questo deve essere già incluso per poterlo utilizzare. Quindi dovresti spostare sopra quella inclusione una delle tre righe per includere jQuery (è inutile includerlo 3 volte).

Ad esempio così:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it-it">
<head>
<title>Titolo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name=X-UA-Compatible content="IE=edge,chrome=1"/>
<meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name=ms.locale content=it-it />
<meta name=ms.contentlang content=IT />

<link rel="stylesheet" type="text/css" href="stile.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="btn-menu.js"></script>
<script type="text/javascript" src="motore.js"></script>
<script type="text/javascript" src="scrolltop.js"></script>

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

Ciao!

**podset** · 22-10-2018, 11.47.44

Va bene... ora in quel modo funziona. Ecco qui.
Rimane solo da far funzionare il motore di ricerca interno che, a differenza del btn-menu e dello scroll-top non ha codice css ma solo .js e html.

Se il js di questo elemento non fosse lungo lo potrei anche mettere senza js esterno, ma siccome è non kilometrico ma abbastanza lungo appesantirebbe troppo il codice intero.

**alemoppo** · 22-10-2018, 12.28.56

In realtà ora non trova l'immagine per la freccia per scorrere in alto. Vedi la console e impara ad usarla perché è fondamentale.

Ciao!

**podset** · 22-10-2018, 15.18.56

No, a me ora funziona tutto. Non è che anche tu devi fare una pulizia della cache? il mio browser è firefox.
Ritornando a noi rimane solo quel problema, cioè quello del motore di ricerca interno. L'elemento è composto solo da codice html e js.

Il codice html è questo:

<form name="searchForm"><span style="color: #ffffff; font-family: Arial; font-size: medium;">Cerca nel sito (immetti una sola parola):</span> <input maxlength="100" name="input" size="20" type="text" /> <input type="button" value="Cerca" /><img src="http://podset.altervista.org/provagenerale/anteprima/images/icon-troll-toptemplate75.jpg" alt="" width="18" height="15" /></form></div>

Mentre il js è questo...

Secondo me basterebbe capire come combinare quersti due file.

**alemoppo** · 22-10-2018, 16.03.53

Se vuoi un motore di ricerca interno, ti consiglio questo.

Ciao!

**podset** · 22-10-2018, 16.37.06

Si, infatti avevo già deciso si cercare un nuovo motore di ricerca, perché ho notato che quello attuale non funziona più neanche nel template con tutti i file interni, quindi mi conviene non perderci tempo e cercarne uno nuovo.

Ti ringrazio del suggerimento! Adesso andrò a vederlo se mi va bene, altrimenti mi dirigerò verso un semplice scriptino in php.

Ciao e grazie.

Discussione: Cosa significa quando codice appare in rosso nell'editor di altervista

LinkBack

Strumenti discussione

Display

Cosa significa quando codice appare in rosso nell'editor di altervista

Tags for this Thread

Regole di scrittura