script werkt niet

Status
Niet open voor verdere reacties.
L

lisa007

Gebruiker
Lid geworden
30 mrt 2012
Berichten
5
Hallo, ik heb jullie hulp nodig want ik kom er echt niet uit:shocked:
onder de tags <script> heb ik een stukje code zitten wat uitgevoerd moet worden als de pagina ingeladen wordt.
Ben nu al een paar uur bezig en heb van alles geprobeerd maar kom er helaas niet uit,

Kan iemand mij misschien een handje helpen?:confused:


[JS]<!DOCTYPE html>
<html>



<head>
<title>hallo!</title>
<style>

body {
margin: 50px;
}

p {
text-align: center;
margin: 8px;
font-size:36px;
font-family: Helvetica, Arial, Verdana;

-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
transform: rotate(-4deg);
zoom: 1;
}

#hello {
color:green;

-webkit-animation: hello 5s infinite; /* Saf5, Chrome */
-moz-animation: hello 5s infinite; /* FF5+ */
-ms-animation: hello 5s infinite; /* IE10 */
}

.selected { color:red; }
.highlight {
-webkit-animation: goodbye 5s infinite; /* Saf5, Chrome */
-moz-animation: goodbye 5s infinite; /* FF5+ */
-ms-animation: goodbye 5s infinite; /* IE10 */
}

@-webkit-keyframes hello {
0% { opacity: 0.0; }
50% { opacity: 0.5; }
100% { opacity: 1.0; }
}
@-moz-keyframes hello {
0% { opacity: 0.0; }
50% { opacity: 0.5; }
100% { opacity: 1.0; }
}
@-ms-keyframes hello {
0% { opacity: 0.0; }
50% { opacity: 0.5; }
100% { opacity: 1.0; }
}

@-webkit-keyframes goodbye {
0% { opacity: 1.0; }
50% { opacity: 0.5; }
100% { opacity: 0.0; }
}
@-moz-keyframes goodbye {
0% { opacity: 1.0; }
50% { opacity: 0.5; }
100% { opacity: 0.0; }
}
@-ms-keyframes goodbye {
0% { opacity: 1.0; }
50% { opacity: 0.5; }
100% { opacity: 0.0; }
}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script>
//Onderstaande code is waar het om gaat.
$("p:last").addClass("selected highlight");
</script>

</head>
<body>
<p id="hello">hallo</p>
<p>beste</p>
<p>bezoeker</p>
</body>
</html>
[/JS]

alvast heel erg bedankt voor de hulp!
 
Bij mij werkt dit goed. Ik zie 3 regels tekst boven elkaar, onder een bepaalde hoek.
 
Daar gaat het ook niet om, dat script zorgt er alleen voor dat de laatste paragraaf de klasse "selected highlight" meekrijgt, tenminste, dat zou moeten. Het probleem is alleen dat, op het moment dat het scriptgedeelte geladen wordt de paragrafen nog niet in beeld zijn. Als je het script onderdaan in je pagina zet zou het moeten werken.

Trouwens, vanaf versie 12 (nu in ontwikkeling) zal ook Opera CSS animaties ondersteunen, het is dus een goed idee om ook een regel met het -o- prefix toe te voegen. Een versie zonder prefix voor in de toekomst kan ook geen kwaad.

(Ondersteuning vanuit IE zal met versie 10 komen, w3schools heeft niet bepaald volledige informatie. http://caniuse.com/#feat=css-animation)
 
Laatst bewerkt:
Bij mij werkt het onder diverse browsers, zoals FF 10, IE 9, Opera 11 en Chrome 17.
 
Naarling zei:
Daar gaat het ook niet om, dat script zorgt er alleen voor dat de laatste paragraaf de klasse "selected highlight" meekrijgt, tenminste, dat zou moeten. Het probleem is alleen dat, op het moment dat het scriptgedeelte geladen wordt de paragrafen nog niet in beeld zijn. Als je het script onderdaan in je pagina zet zou het moeten werken.

Trouwens, vanaf versie 12 (nu in ontwikkeling) zal ook Opera CSS animaties ondersteunen, het is dus een goed idee om ook een regel met het -o- prefix toe te voegen. Een versie zonder prefix voor in de toekomst kan ook geen kwaad.

(Ondersteuning vanuit IE zal met versie 10 komen, w3schools heeft niet bepaald volledige informatie. http://caniuse.com/#feat=css-animation)
Klik om te vergroten...

Bedankt!!!! dit is wat ik bedoelde. heb het script nu helemaal onderaan geplaatst en dan werkt het gewoon.


Iedereen bedankt voor het meedenken!:D:thumb:
 
Mooi dat het opgelost is, vergeet niet de vraag (in je eerste bericht) op "opgelost" te zetten.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan