Tekst knipperen - Softwareontwikkeling

maandag 6 december 2004 16:34

Acties:

Verwijderd

Topicstarter

Ik wil een tekst laten knipperen dmv javascript. Hiervoor heb ik een code gewerkt, maar hij werkt dus niet:

code:

<script type='text/javascript'>
function aan()
{      
     document.getElementByID('test').style.color = '#FFFFFF';
     setTimeOut("uit()", 1000);
}
 
function uit()
{ 
     document.getElementByID('test').style.color = '#000000';
     setTimeOut("aan()", 1000); 
}
</script>

<body onload='aan()'>
    <font id='test'>knipper knipper</font>
</body>

Hij geeft steeds een error op regel 6: Deze eigenschap of methode wordt niet ondersteund door dit object. Wat doe ik fout?

maandag 6 december 2004 16:36

Acties:

momania

iPhone 30! Bam!

En wat is er mis met boe

HTML:

1	<blink>boe</blink>

Neem je whisky mee, is het te weinig... *zucht*

maandag 6 december 2004 16:36

Acties:

Verwijderd

Topicstarter

Dat werkt niet in IE, toch? dat heb ik tenminste overal op internet gelezen....

maandag 6 december 2004 16:37

Acties:

WPN

en als je het nou een probeert met de tag span of div ? (inplaats van font)

Als ik denk zoals ik dacht, dan doe ik zoals ik deed, als ik doe zoals ik deed, dan denk ik zoals ik dacht! Cogito Ergo Sum

maandag 6 december 2004 16:37

Acties:

Eskimootje

code:

<script type='text/javascript'>
function aan()
{      
     document.getElementById('test').style.color = '#FFFFFF';
     setTimeout("uit()", 1000);
}
 
function uit()
{ 
     document.getElementById('test').style.color = '#000000';
     setTimeout("aan()", 1000); 
}
</script>

Hoofdletter gebruik.

[ Voor 37% gewijzigd door Eskimootje op 06-12-2004 16:43 ]

maandag 6 december 2004 16:38

Acties:

TERW_DAN

Met een hamer past alles.

Verwijderd schreef op maandag 06 december 2004 @ 16:36:
Dat werkt niet in IE, toch? dat heb ik tenminste overal op internet gelezen....

Dat werkt idd niet in IE, maar in Firefox weer wel.

maandag 6 december 2004 16:39

Acties:

momania

iPhone 30! Bam!

Verwijderd schreef op maandag 06 december 2004 @ 16:36:
Dat werkt niet in IE, toch? dat heb ik tenminste overal op internet gelezen....

Oh ja, da's waar ook

getElementByID -> getElementById

En je zou het idd ook met een div kunnen doen en de visibility daarvan

Kleur veranderen is niet echt verbergen natuurlijk

Neem je whisky mee, is het te weinig... *zucht*

maandag 6 december 2004 16:41

Acties:

Cyphax

Moderator LNX

Tip voor vormgever: Als je (bijvoorbeeld) Firefox eens installeert, daarmee debug je veel fijner Javascript. Het gaf in dit geval meteen aan dat de fout zat in document.getElementByID, dan ben je zo klaar met zoeken

Saved by the buoyancy of citrus

maandag 6 december 2004 16:42

Acties:

-Lars-

Of, voor de CSS-fanatiekelingen (het is immers een vorm van opmaak):

Cascading Stylesheet:

#blaat
{
     text-decoration: blink;
}

Echter, waarom wil je dit? Knipperende letters zijn hoe dan ook een bron van irritatie. Daarnaast is het echt enorm irritant voor mensen met een visuele handicap. Als iets extra aandacht moet hebben, geef het dan een grotere lettergrootte, laat het niet knipperen...

maandag 6 december 2004 16:42

Acties:

Verwijderd

Topicstarter

momania schreef op maandag 06 december 2004 @ 16:39:
Oh ja, da's waar ook
getElementByID -> getElementById

En setTimeOut -> setTimeout

Best stom dat het hoofdlettergevoelig is, maar in ieder geval bedankt!! :D:D

maandag 6 december 2004 16:47

Acties:

Verwijderd

Topicstarter

Cyphax schreef op maandag 06 december 2004 @ 16:41:
Tip voor vormgever: Als je (bijvoorbeeld) Firefox eens installeert, daarmee debug je veel fijner Javascript. Het gaf in dit geval meteen aan dat de fout zat in document.getElementByID, dan ben je zo klaar met zoeken

Ik heb firefox, maar niet aan gedacht om daar te kijken... ik zat een beetje te klooien in Frontpage en dat is dan ook meteen IE

maandag 6 december 2004 16:48

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

momania schreef op maandag 06 december 2004 @ 16:36:
En wat is er mis met boe
HTML:
1
<blink>boe</blink>

BLINK is uiteindelijk een visueel gedrag van een element, er is al lange tijd besloten om dit soort proprietaire extensies binnen HTML absoluut af te raden ...
juist de visuele rendering van elementen behoort geregeld te worden via CSS:

en dus zou dit:

code:

<style type="text/css">
DIV#blaat {
    text-decoration: blink;
}
</style>
<div id="blaat">stukje knipperende tekst</div>

Ms Internet Explorer ondersteund dit niet, yelfs Explorer 5 for Mac, die 99,9% van de CSS1 specificatie ondersteund, negeerde dit als enige property uit de CSS1 specificatie (bewust)

overigens, een leuke sidenote, de BLINK-tag is uitgevonden door de ontwerper van de Lynx-browser

[ Voor 12% gewijzigd door RM-rf op 06-12-2004 16:50 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

maandag 6 december 2004 16:54

Acties:

Fuzzillogic

Cool

<blink> is crap idd, maar een tekstje even een paar seconde laten blinken, mbv javascript, kan wel eens handig zijn. Ik gebruik het zelf ook op mijn site, om de aandacht naar de juiste kop te trekken als mensen op een named anchor hebben geklikt.

[ Voor 4% gewijzigd door Fuzzillogic op 06-12-2004 16:55 ]

maandag 6 december 2004 17:17

Acties:

Grijze Vos

Das toch wel een positief punt aan IE. Want blink wil je je web-gasten echt niet aan doen.

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info

maandag 6 december 2004 17:22

Acties:

Verwijderd

Nexxennium schreef op maandag 06 december 2004 @ 16:54:
<blink> is crap idd, maar een tekstje even een paar seconde laten blinken, mbv javascript, kan wel eens handig zijn. Ik gebruik het zelf ook op mijn site, om de aandacht naar de juiste kop te trekken als mensen op een named anchor hebben geklikt.

ga jij even blij zijn met :target

maandag 6 december 2004 18:54

Acties:

Fuzzillogic

Cool

Heb je het nou over de :target selector ofzo? Want die zie ik nergens in de specs, ook niet bij de CSS3 working draft.

maandag 6 december 2004 19:03

Acties:

Verwijderd

http://www.w3.org/Style/Examples/007/target.html

en

http://www.w3.org/TR/css3-selectors/#target-pseudo

[ Voor 39% gewijzigd door Verwijderd op 06-12-2004 19:10 ]

maandag 6 december 2004 19:14

Acties:

Fuzzillogic

Cool

Hm, toch CSS3. Was ik dan net blind ofzo?.. Enfin, leuk, maar CSS3 is nog niet eens een standaard. Bovendien wil ik dus tijdelijk kunnen knipperen, en dat wordt dus lastig met CSS

maandag 6 december 2004 19:25

Acties:

Verwijderd

Bovendien wil ik dus tijdelijk kunnen knipperen, en dat wordt dus lastig met CSS

Kijk eens naar de HTML+TIME extensies. Zie oa MSDN of W3C. Ik heb er zelf nog nooit iets mee gemaakt, maar het is bedoeld om ge-time-de effecten op html-pagina's toe te passen.

Voorbeeld van MSDN:

HTML:

<HTML>
<HEAD>
<STYLE>
    .time    {behavior: url(#default#time2);}
</STYLE>
</HEAD>
<BODY>
<P>This text appears right away. More lines to follow...</P>
<P CLASS="time" BEGIN="2" DUR="5" >This appears after 2 seconds.</P>
<P CLASS="time" BEGIN="4" DUR="5">This appears after 4 seconds.</P>
<P CLASS="time" BEGIN="6" DUR="5">This appears after 6 seconds.</P>
<P>This is the last line.</P>
</BODY>
</HTML>

maandag 6 december 2004 19:47

Acties:

Fuzzillogic

Cool

Het is IE-only, als het daar al/nog in werkt tenminste. En IE-only is vies

maandag 6 december 2004 20:01

Acties:

Verwijderd

overigens, een leuke sidenote, de BLINK-tag is uitgevonden door de ontwerper van de Lynx-browser

Dat is om de meeste 'oude' terminals geen kleuren ondersteunen maar wel knipperen, onderstrepen en vet. Om toch nog een beetje variatie te hebben is dan knipperen een optie.

Overigens als ik zelf een site zie waar te veel knippert dan kom ik meestal niet meer terug... Zaken als foutmeldingen heb ik liever in vet rood dan irritant geknipper.

Ik heb trouwens wel eens gehoord dat je bij bepaalde frequenties van knipperen mensen met aanleg epileptische aanvallen kunnen krijgen. (Of is dit een broodje-aap verhaal?).

Om op de code terug te komen er is ook nog window.setInterval daarmee kun je het net iets anders oplossen als je wilt.

maandag 6 december 2004 20:07

Acties:

Verwijderd

Enfin, leuk, maar CSS3 is nog niet eens een standaard. Bovendien wil ik dus tijdelijk kunnen knipperen, en dat wordt dus lastig met CSS

Selectors is CR en mede daarom zijn er al implementaties van (een gedeelte iig). Zo ondersteund Mozilla ':target'.

maandag 6 december 2004 21:50

Acties:

Verwijderd

en maakt /me er leuk gebruik van. Je mist het niet als het er niet is denk ik, maar als je het wel ziet is het gewoon handig. (ja ik zou ook met wat javascript de boel werkend kunnen krijgen in alle browsers, maar daar heb ik dus geen zin in

)

Pagina: 1

Reageer