getElementById Show Div, Niet showen
Ik heb een scripje, die ervoor zorgt dat als jij een resolutie hebt van Groter of gelijk aan 1280 dat ie dan de Div wel laat zien.
Als het niet zo is ( kleinder dan 1280 ) moet ie de div niet laten zien.
Iemand die het weet?
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
echo "<script type='text/javascript'>
if (screen.width>=1280)
{
getElementById('frmInstellingen').show;
}
else{
getElementById('frmInstellingen').none;
}
</script>";
if (screen.width>=1280)
{
getElementById('frmInstellingen').show;
}
else{
getElementById('frmInstellingen').none;
}
</script>";
De id van de div is frmInstellingen
Greetz
Gewijzigd op 11/10/2012 12:23:52 door Sem E
Try this:
document.getElementById('frmInstellingen').style.display = 'block';
document.getElementById('frmInstellingen').style.display = 'none';
document.getElementById('frmInstellingen').style.display = 'visible';
document.getElementById('frmInstellingen').style.display = 'hidden';
Marvin, ik had het antwoord al gegeven en jouw informatie is onjuist.
Maar ze doen het beide niet.
Volgens mij werkt dit sowieso niet, omdat je de DIV pas creert nadat je de javascript hebt geladen. Hierdoor kan Javascript je DIV niet vinden, omdat hij nog niet bestaat op het moment dat je hem draait...
Neem gewoon zijn code over
Gewijzigd op 11/10/2012 12:38:55 door Kris Peeters
Ozzie PHP op 11/10/2012 12:34:41:
Marvin, ik had het antwoord al gegeven en jouw informatie is onjuist.
En waarom is die niet juist? die gebruik ik zelf ook voor mijn divs
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
echo "<script type='text/javascript'>
if (screen.width<1280)
{
document.getElementById('frmInstellingen').style.display = 'block';
}
else{
document.getElementById('frmInstellingen').style.display = 'none';
}
</script>";
echo "<div id='frmInstellingen'>";
echo "<table class='cmstable' cellspacing='0' cellpadding='2' width='100%';>";
echo "<tr class='cmsheader'>";
echo "<th class='cmsheader' colspan='2'>Uw gekozen kleuren</th>";
echo "</tr>";
// Lettertype kleur
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Lettertype kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmdefaultfontcolor',true,$standaardinstel['defaultfontcolor']);
echo "</td>";
echo "</tr>";
// Link Kleur
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Link Kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmkaLink',true,$standaardinstel['link']);
echo "</td>";
echo "</tr>";
// Link Hover kleur:
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Link Hover kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmkaLinkhover',true,$standaardinstel['linkhover']);
echo "</td>";
echo "</tr>";
// Link Visited kleur:
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Link Visited Kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmkaLinkvisited',true,$standaardinstel['linkvisited']);
echo "</td>";
echo "</tr>";
/* // Spatie
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo " ";
echo "</td>";
echo "<td>";
echo " ";
echo "</td>";
echo "</tr>";
*/
echo "</table>";
echo "</div>";
if (screen.width<1280)
{
document.getElementById('frmInstellingen').style.display = 'block';
}
else{
document.getElementById('frmInstellingen').style.display = 'none';
}
</script>";
echo "<div id='frmInstellingen'>";
echo "<table class='cmstable' cellspacing='0' cellpadding='2' width='100%';>";
echo "<tr class='cmsheader'>";
echo "<th class='cmsheader' colspan='2'>Uw gekozen kleuren</th>";
echo "</tr>";
// Lettertype kleur
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Lettertype kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmdefaultfontcolor',true,$standaardinstel['defaultfontcolor']);
echo "</td>";
echo "</tr>";
// Link Kleur
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Link Kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmkaLink',true,$standaardinstel['link']);
echo "</td>";
echo "</tr>";
// Link Hover kleur:
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Link Hover kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmkaLinkhover',true,$standaardinstel['linkhover']);
echo "</td>";
echo "</tr>";
// Link Visited kleur:
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo "Link Visited Kleur:";
echo "</td>";
echo "<td>";
echo colortextfield('frmkaLinkvisited',true,$standaardinstel['linkvisited']);
echo "</td>";
echo "</tr>";
/* // Spatie
echo "<tr class='cmscell ". oddeven() ."'>";
echo "<td>";
echo " ";
echo "</td>";
echo "<td>";
echo " ";
echo "</td>";
echo "</tr>";
*/
echo "</table>";
echo "</div>";
Omdat 'visibe' en 'hidden' geen bestaande waardes van css 'display' zijn. Het zijn waardes die horen bij css 'visibility'.
Marvin Houweling op 11/10/2012 12:36:52:
Volgens mij werkt dit sowieso niet, omdat je de DIV pas creert nadat je de javascript hebt geladen. Hierdoor kan Javascript je DIV niet vinden, omdat hij nog niet bestaat op het moment dat je hem draait...
Dit klopt dan weer wel volledig.
Begin al eens met het <script> onder het <div>-element te zetten in je code
Sem, je javascript moet komen NA de div.
Het is opgelost, en ik ben jullie zeer dankbaar.
Thanks
Groeten,
Sem
graag gedaan
Ozzie PHP op 11/10/2012 12:42:12:
Sem, je javascript moet komen NA de div.
@ozzie, dit antwoord had ik al gegeven :) LOL
Maar Marvin, Jij ook bedankt !
Ozzie PHP op 11/10/2012 12:41:37:
Omdat 'visibe' en 'hidden' geen bestaande waardes van css 'display' zijn. Het zijn waardes die horen bij css 'visibility'.
Hier heb je dan wel weer gelijk :d had ik overheen gekeken...
Toevoeging op 11/10/2012 12:50:02:
Sem E op 11/10/2012 12:49:00:
Ik weet het Marvin, maar ik bedankt jullie allemaal, niet alleen Ozzie ;)
Maar Marvin, Jij ook bedankt !
Maar Marvin, Jij ook bedankt !
hehe, is al goed dude
kan gebeuren ;)