Javascript display='block' werkt niet? - Softwareontwikkeling

maandag 22 april 2013 20:23

Acties:

0 Henk 'm!

Robbeke

Topicstarter

Hey Tweakers,

Eenvoudig probleempje waarschijnlijk, maar ik zie het echt niet

HTML:

<html>
  <head>
    <script type="text/javascript">
       function switchView() {
        alert("test");
         document.getElementById("test1").style.display = 'none';
         document.getElementById("test2").style.display = 'block';
       }
    </script>
  </head>
  <body>
    <div id="test1"><button onclick="switchView();">blaat</button></div>
    <div id="test2" style="display:none;"><p>blaat2</p></div>
  </body>
</html>

Bedoeling is dat bij het klikken op de link:

div "test1" verborgen zal worden
div "test2" zichtbaar zal worden

Waarom werkt dit niet?

http://www.tweakers.net/gallery/sys/2314

maandag 22 april 2013 20:28

Acties:

0 Henk 'm!

Dark_f

Werkt hier wel, ziet er ook goed uit. Welke foutmelding krijg je ?

maandag 22 april 2013 20:28

Acties:

0 Henk 'm!

mrFoce

werkt in firefox

maandag 22 april 2013 20:28

Acties:

0 Henk 'm!

CH4OS

It's a kind of magic

Ik heb jouw code in een html file gezet en hier getest in FF 20.0.1, hier werkt het gewoon hoor.
Geef dus wat meer info over jouw omgeving, welke browser gebruik jij bijvoorbeeld? Heb je cache al gecleared? Herladen met CTRL+F5?

maandag 22 april 2013 20:29

Acties:

0 Henk 'm!

mrFoce

in IE kan je dit venster krijgen (mocht je het bestand niet via een webserver aanpassen, maar via je filesystem) http://i.imgur.com/Ro49FkK.png . Misschien is dat het probleem waarom het niet lijkt te werken?

maandag 22 april 2013 20:29

Acties:

0 Henk 'm!

Anoniem: 52211

Werkt in chrome.

Zou wel even dit doen:

code:

1	onclick="javascript:switchView();return(false);"

zodat de '#' url niet gevolgd wordt.

maandag 22 april 2013 20:37

Acties:

0 Henk 'm!

zacht

Voor IE kun je beter

code:

style.visibility =
'hidden' 
style.visibility =
'visible';

gebruiken, dat werkt wel in IE

maandag 22 april 2013 20:40

Acties:

0 Henk 'm!

TERW_DAN

Met een hamer past alles.

display op none en block zetten werkt ook in IE prima hoor.

maandag 22 april 2013 21:14

Acties:

0 Henk 'm!

NMe

Quia Ego Sic Dico.

zacht schreef op maandag 22 april 2013 @ 20:37:
Voor IE kun je beter
code:
1
2
3
4
style.visibility =
'hidden' 
style.visibility =
'visible';
gebruiken, dat werkt wel in IE

Zijn zelfs twee compleet verschillende dingen.

Overigens heeft het bar weinig zin om nu te gaan roepen in welke browsers het allemaal wél werkt. Laten we even wachten op de topicstarter en kijken waarom hij denkt dat het niet werkt.

Anoniem: 52211 schreef op maandag 22 april 2013 @ 20:29:
Werkt in chrome.

Zou wel even dit doen:
code:
1
onclick="javascript:switchView();return(false);"
zodat de '#' url niet gevolgd wordt.

Het javascript-pseudoprotocol in een onclick? Doe maar niet.

Dat heeft alléén in IE nut gehad, en alleen als je op je pagina non-javascript scriptingtalen gebruikt hebt, wat op zichzelf al een slecht idee is.

[ Voor 33% gewijzigd door NMe op 22-04-2013 21:18 ]

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

maandag 22 april 2013 21:51

Acties:

0 Henk 'm!

Anoniem: 52211

NMe schreef op maandag 22 april 2013 @ 21:14:
Het javascript-pseudoprotocol in een onclick?

Nee, zorgen dat de functie false teruggeeft.

Weet ook niet waar ik die javascript: vandaan haal. Heeft TS iets ge-edit in de code in de OP of zo?

maandag 22 april 2013 21:55

Acties:

0 Henk 'm!

SKiLLa

Byte or nibble a bit ?

Voor IE moet je waarschijnlijk eerst ff een fatsoenlijk DOCTYPE opgeven, anders krijg je quirk-mode randomness

'Political Correctness is fascism pretending to be good manners.' - George Carlin

maandag 22 april 2013 23:29

Acties:

0 Henk 'm!

NMe

Quia Ego Sic Dico.

SKiLLa schreef op maandag 22 april 2013 @ 21:55:
Voor IE moet je waarschijnlijk eerst ff een fatsoenlijk DOCTYPE opgeven, anders krijg je quirk-mode randomness

Ik heb er nooit op gelet omdat ik nooit iets langer dan een paar seconden in quirks mode hebt gehad, maar dat heeft toch geen effect op javascripts, alleen op styling? Iets basaals als display: none togglen zou ook gewoon in quirks mode moeten werken, lijkt me.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

dinsdag 23 april 2013 07:37

Acties:

0 Henk 'm!

Robbeke

Topicstarter

Browser: IE10 en Firefox 20.0.1.

Bij beide werktte het niet maar nu blijkt dat onder FF noscript het script blokkeerde en bij IE er een probleem was met javascript restricties in security zones...

[ Voor 91% gewijzigd door Robbeke op 23-04-2013 08:30 ]

http://www.tweakers.net/gallery/sys/2314

dinsdag 23 april 2013 08:35

Acties:

0 Henk 'm!

Robbeke

Topicstarter

Dit was een testbestand en dit werkt nu wel maar in m'n doelbestand werkt het nog steeds niet.

edit: met dank aan W3C validator een aantal serieuze HTML fouten (typo's) eruit gehaald en nu werkt het wel.

Alvast bedankt voor de vele reacties!

[ Voor 64% gewijzigd door Robbeke op 23-04-2013 09:28 ]

http://www.tweakers.net/gallery/sys/2314

woensdag 24 april 2013 14:03

Acties:

0 Henk 'm!

zacht

NMe schreef op maandag 22 april 2013 @ 21:14:
[...]

Zijn zelfs twee compleet verschillende dingen.

Overigens heeft het bar weinig zin om nu te gaan roepen in welke browsers het allemaal wél werkt. Laten we even wachten op de topicstarter en kijken waarom hij denkt dat het niet werkt.

[...]

Mental note to myself: Probeer niet mee te praten over zaken waar je je al meer dan 5 jaar niet meer mee bezig gehouden hebt.

woensdag 24 april 2013 14:32

Acties:

0 Henk 'm!

NMe

Quia Ego Sic Dico.

Zal ik het verhaaltje maar helemaal afmaken dan?

display: none haalt for all intents and purposes het element helemaal weg. Er wordt dus ook geen ruimte voor vrijgehouden in het document. visibility: hidden verbergt het element alleen, wat ervoor zorgt dat er daarvoor in de plaats gewoon een stuk lege ruimte is.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

woensdag 24 april 2013 15:19

Acties:

0 Henk 'm!

zacht

Duidelijk, bedankt voor de uitleg.

zaterdag 27 april 2013 11:31

Acties:

0 Henk 'm!

Anoniem: 145867

mrFoce schreef op maandag 22 april 2013 @ 20:29:
in IE kan je dit venster krijgen (mocht je het bestand niet via een webserver aanpassen, maar via je filesystem) http://i.imgur.com/Ro49FkK.png . Misschien is dat het probleem waarom het niet lijkt te werken?

Sorry voor het kapen maar, Ik wil juist een website internet laten draaien op IE ( Dus soort intranet ) en krijg ook deze melding. Ik wil er vanaf. Is hier ook een oplossing voor als ik een website run met Javascript op een filesysteem en dat ik deze melding niet krijg en mijn javascript gewoon wordt uitgevoerd?

zaterdag 27 april 2013 12:52

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

Zoek eens op "mark of the web"

Intentionally left blank

Pagina: 1

Reageer