Validazione W3C

**lionalex** · 07-10-2004, 18.30.31

sto cercando di fare un sito che superi il test per la validazione W3C perchè è un sito per disabili. Ho un piccolo problema. Nel W3C non è permesso l'utilizzo della funzione <marquee> (funzione che permette di visionare il testo in manierascorrevole) Se qualcuno è esperto in materia può suggerirmi un sistema alternativo per ottenere lo stesso effetto oppure comunque una cosa del genere (va bene anche se scrolla verso l'alto o che scompare un messaggio per un altro). Vi prego aiutatemi.....

07-10-2004, 19.33.35

Prova a realizzare il testo come animazione o come filmato flash...(consiglio il secondo)...

**lionalex** · 07-10-2004, 20.06.54

realizzare un filmato flash comporta poi un difficile aggiornamento.

07-10-2004, 20.58.11

La validazione per disabili non é la w3, ma la WIAA...

**lionalex** · 07-10-2004, 21.00.23

lo so, ma io procederei una cosa alla volta....comincio a convalidarlo col W3C poi passerò al WIAA che è anche più difficile almeno per quello che ho letto, la fregatura è che tutti questi siti sono in INGLESE e sono spiegati malissimo, se qualcuno conosce qualcosa di meglio me lo posti...ve ne sarò grati a vita

**JoeProductions** · 07-10-2004, 21.27.40

Originalmente inviato da lionalex

sto cercando di fare un sito che superi il test per la validazione W3C perchè è un sito per disabili. Ho un piccolo problema. Nel W3C non è permesso l'utilizzo della funzione <marquee> (funzione che permette di visionare il testo in manierascorrevole) Se qualcuno è esperto in materia può suggerirmi un sistema alternativo per ottenere lo stesso effetto oppure comunque una cosa del genere (va bene anche se scrolla verso l'alto o che scompare un messaggio per un altro). Vi prego aiutatemi.....

Inserisci questo script nella pagina:

Codice:

<script language="javascript1.2">
	var PL=200;
	var Timer;
	var PS=1;
	function Scroll() {
		document.getElementById('HSSpot').style.left = PL + 'px';
		PL = PL - PS;
		if (PL<-200) PL = 200; }
	function GoScroll() {
		Timer = setInterval('Scroll()','18'); }
</script>

E nella posizione del vecchio Marquee:

Codice:

<div style="position: relative; width: 200px; overflow: hidden;">
    <div style="left: 200px;" id=HSSpot>
        Testo qui, o tabella, o qualsiasi altra cosa
    </div>
</div>

E infine nel tag <body>:

Codice:

<body onLoad="GoScroll()">

Ovviamente puoi modificare i "200" con il valore della largezza del finto marqee a tuo piacere oppure il "18" per modificare la velocità dello scorrimento; basta capire il funzionamento dello script per poter effettuare qualsiasi modifica...

Compatibilità e funzionamento sicuro su tutti i browser!

**lionalex** · 07-10-2004, 22.05.19

L'ho provato, ma non funziona, non chiedermi il perchè che non lo so. L'ho messo nella pagina all'indirizzo www.sindacatosfida.org/index2.php così puoi vedere anche tu cosa non va

**JoeProductions** · 10-10-2004, 11.05.09

Ho dato un'occhiata al sito...

Ecco dove (io) ho sbagliato:

Codice:

    <div style="left: 200px;" id=HSSpot>
        Testo qui, o tabella, o qualsiasi altra cosa
    </div>

Mi sono scordato "postion: relative" nel tag style dell'HSSpot.
Sostituisci quindi il vecchio pezzo con

Codice:

    <div style="position: relative; left: 200px;" id=HSSpot>
        Testo qui, o tabella, o qualsiasi altra cosa
    </div>

Ho provato sulla tua pagina e funziona :)

Comunque devi anche aumentare la larghezza in tutto il codice che ti ho postato (anche quello di prima), cioè sostituire tutti i "200" con un numero più grande, visto che il pezzo dei "comunicati stampa" è molto più grande di 200px...

Discussione: Validazione W3C

LinkBack

Strumenti discussione

Display

Validazione W3C

Regole di scrittura