[Javascript] voor dummies - Deel 1

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_24321887
Hier in FF 1.0 werkt het gewoon goed.
Misschien staat er een layer over de link heen ofzo? heb je een online voorbeeldje?
pi_24321925
tvp nog een dummies reeks
pi_24322336
Zie http://www.n321.com/poc.html

Waarom werkt dit allemaal geweldig in Gecko en IE, maar niet in Opera?

1
2
3
4
5
6
7
8
9
10
11		function Add() {
   var optgroup = document.getElementById('optgroup');
   var select = document.getElementById('select');
   element = document.createElement("option");
   element.setAttribute("value", 1);
   element.innerHTML = "Testing";
   optgroup.appendChild(element);
   
   document.getElementById('h').value = optgroup.getElementsByTagName("option").length;
   
}
Waar zijn aanbiedingen?
  FOK!-Schrikkelbaas vrijdag 31 december 2004 @ 16:34:33 #54
1972 Swetsenegger
Egocentrische Narcist
pi_24322556
quote:
Op vrijdag 31 december 2004 16:02 schreef _Jeffrey_ het volgende:
Hier in FF 1.0 werkt het gewoon goed.
Misschien staat er een layer over de link heen ofzo? heb je een online voorbeeldje?
Nee, 't is intranet

Layer, hmz zou kunnen het staat in een container, welke 2 divs bevat, waarvan 1 relative.
Maandag kan ik pas weer kijken ... Ik weet nu in ieder geval dat de javascript goed is
 | FOK! Schrikkelbaasch
pi_24325531
quote:
Op vrijdag 31 december 2004 16:25 schreef Arjan321 het volgende:
Zie http://www.n321.com/poc.html

Waarom werkt dit allemaal geweldig in Gecko en IE, maar niet in Opera?
Het lijkt een Opera bug te zijn. Zelfs als je de innerHTML van het hele select element opvraagt nadat het option element geplaatst is, lijkt het gewoon op de goede plaats in het select element te staan, maar het wordt gewoon niet zichtbaar. Option elementen toevoegen aan het select element werkt wel goed

Je zou een bug report bij Opera in kunnen dienen, misschien dat je daar andere ook mee helpt

Ik dacht het op te kunnen lossen door de innerHTML van het select element te vernieuwen door "select.innerHTML = select.innerHTML" te gebruiken. Maar dat slikt Opera niet (dat gebeuren er hele vage dingen). Soms crash ie zelfs
pi_24325622
Ja, dat heb stiekem al gedaan.. eigelijk verkeerde volgorde....

maar daar ben ik dan wel mooi klaar mee, want dit zou ik toch wel graag even werkende willen hebben in Opera
Waar zijn aanbiedingen?
pi_24325660
Ik vraag me af of je het element kan clonen (cloneNode, zoek maar eens op Google), daarna het oude select element te verwijderen, en de nieuwe te plaatsen. Wel een omweg, maar je moet wat...

[ Bericht 0% gewijzigd door _Jeffrey_ op 31-12-2004 20:04:11 ]
pi_24326030
Hè, helemaal geweldig! Dan pikt ie um wel!

De code voor de mensen die dit toch nooit zullen tegenkomen:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		function Add() {
   var optgroup = document.getElementById('optgroup');
   var select = document.getElementById('select');
   var container = document.getElementById('containeri');
   element = document.createElement("option");
   element.setAttribute("value", 1);
   element.innerHTML = "Testing";
   optgroup.appendChild(element);
   
   if (window.opera) {
      clone = select.cloneNode(true);
      container.removeChild(select);
      container.appendChild(clone);
   }
}
Waar zijn aanbiedingen?
  FOK!-Schrikkelbaas donderdag 13 januari 2005 @ 17:08:05 #59
1972 Swetsenegger
Egocentrische Narcist
pi_24548646
Is er een javascript equivalent van php's htmlentities?
 | FOK! Schrikkelbaasch
pi_24549163
quote:
Op donderdag 13 januari 2005 17:08 schreef Swetsenegger het volgende:
Is er een javascript equivalent van php's htmlentities?
je kunt wel een script maken dat alle tekst-waardes omzet naar hun hex-karakter (via de Stringmethode.toString(16))
1<&bléüh>

wordt dan
1 <&bléüh>


dmv code als bv:
1
2
3
4
5
6
7
8
9
10
11		var my_variabele = '<&bléüh>'
var string_output=''   
var temp_var   
for( var i=0; i < my_variabele.length; i++ )
{
   temp_var = my_variabele.charAt( i );
   temp_var = temp_var.charCodeAt(0);
   temp_var = '&#'+ temp_var.toString(16) + ';'
   string_output += temp_var;
}
return string_output


Maar dat kan ook een onpraktische situatie zijn, als het voor een CMS is, is het eerder aan te raden om sowieso alle input via html_entities te laten gaan en gebruikers te verbieden zelf direkt html in te voeren, hooguit misschien bepaalde standaard-waardes er voorheen uit te filteren, daarmee behoud je een betere controle over de input van gebruikers
(juist binnen een CMS is het een zeker risico om mensen volledig het recht te geven direkt HTML in te voeren)

[ Bericht 2% gewijzigd door RM-rf op 13-01-2005 18:02:51 ]
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
  FOK!-Schrikkelbaas donderdag 13 januari 2005 @ 18:46:04 #61
1972 Swetsenegger
Egocentrische Narcist
pi_24550177
quote:
Op donderdag 13 januari 2005 17:47 schreef RM-rf het volgende:

[..]

je kunt wel een script maken dat alle tekst-waardes omzet naar hun hex-karakter (via de Stringmethode.toString(16))
[ code verwijderd ]

wordt dan
[ code verwijderd ]

dmv code als bv:
[ code verwijderd ]

Maar dat kan ook een onpraktische situatie zijn, als het voor een CMS is, is het eerder aan te raden om sowieso alle input via html_entities te laten gaan en gebruikers te verbieden zelf direkt html in te voeren, hooguit misschien bepaalde standaard-waardes er voorheen uit te filteren, daarmee behoud je een betere controle over de input van gebruikers
(juist binnen een CMS is het een zeker risico om mensen volledig het recht te geven direkt HTML in te voeren)
helaas is het een embedded systeem waarbij er geen ruimte is voor php of ander serverside oplossingen. Alleen client side scripting.

Het betreft ook geen invoer, maar een fixed tekst van ongeveer 400 regels. Dus zet ik nu maar handmatig alle ö, ü, è, î, ñ om naar de entity waarden ... voor elke taal
 | FOK! Schrikkelbaasch
pi_24572513
vraagje aan de JS experts:
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		function cloack(waarde)
{
 if(waarde == "yes")
    {
      document.getElementById('layer1').style.visibility = 'hidden';
      document.getElementById('layer1').style.display = 'None';
      document.getElementById('layer2').style.visibility = 'visible';
      document.getElementById('layer2').style.display = 'Block';
      document.getElementById('command').style.display = 'None';
   }
 else if(waarde == "no")
    {
      document.getElementById('layer2').style.visibility = 'hidden';
      document.getElementById('layer2').style.display = 'None';
      document.getElementById('layer1').style.visibility = 'visible';
      document.getElementById('layer1').style.display = 'Block';
      document.getElementById('command').style.display = 'None';
   }
 else
    {
      document.getElementById('layer2').style.visibility = 'hidden';
      document.getElementById('layer2').style.display = 'None';
      document.getElementById('layer1').style.visibility = 'hidden';
      document.getElementById('layer1').style.display = 'None';
      document.getElementById('command').style.display = 'None';
   }
}


is er een manier om dit efficienter te doen??? of niet?
ik gebruik een if, else if, else script omdat ik in de dropdown box 3 waardes heb: ja, nee en blank (de standaard waarde)
pi_24581753
- dubbel -
Trotse poster van het 37000000ste bericht ^O^
pi_24581792
quote:
Op vrijdag 14 januari 2005 23:39 schreef mschol het volgende:
vraagje aan de JS experts:
[ code verwijderd ]

is er een manier om dit efficienter te doen??? of niet?
ik gebruik een if, else if, else script omdat ik in de dropdown box 3 waardes heb: ja, nee en blank (de standaard waarde)
1
2
3
4
5
6
7		function cloack(waarde) {
document.getElementById("layer1").style.visibility = waarde == "yes" ? 'visible' : "hidden";
document.getElementById("layer1").style.display = waarde == "yes" ? 'block' : "none";
document.getElementById("layer2").style.visibility = waarde == "no" ? 'visible' : "hidden";
document.getElementById("layer2").style.display = waarde == "no" ? 'block' : "none";
document.getElementById('command').style.display = 'None';
}


probeer het zo eens (niet getest)
Trotse poster van het 37000000ste bericht ^O^
pi_24583736
Een element met display=none wordt niet gerenderd. Het heeft dus geen zin om het daarna nog op visiblity=hidden te zetten.
En cloak is zonder ck.

1
2
3
4
5		function cloak(waarde) {
   document.getElementById('layer1').style.display = waarde == 'yes' ? 'block' : 'none';
   document.getElementById('layer2').style.display = waarde == 'no' ? 'block' : 'none';
   document.getElementById('command').style.display = 'none';
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24671098
1
2
3
4
5
6
7		<input type="checkbox" name="en_aanvang" checked 
onClick="Toggle('agenda_nieuw_aanvang')"> Aanvang: <input type="text" 
name="agenda_nieuw_aanvang" maxlength="10"> uur<br/>

<input type="checkbox" name="en_prijs" checked 
onClick="Toggle('agenda_nieuw_prijs')"> Prijs: ¤<input type="text" 
name="agenda_nieuw_prijs" maxlength="5"><br/>


Ugh, mijn schrale beetje javascriptkennis laat me weer in de steek. Wat ik wil is op zich niet zo moeilijk leek me. Als op de checkboxen 'en_aanvang' of 'en_prijs' geklikt wordt, wordt respectievelijk 'agenda_nieuw_aanvang' disabled/enabled, of 'agenda_nieuw_prijs' disabled/enabled. Ik heb echter meerdere pogingen gedaan om de "Toggle"-functie te schrijven, maar ik kom er niet uit. En het moet zo makkelijk zijn. Kan iemand me even uit de brand helpen?

Dit werkt iig niet
1
2
3
4
5
6
7
8
9		<script language="Javascript">
function Toggle(elID) {
   if(document.getElementById(elID).style.disabled == true) {
      document.getElementById(elID).style.disabled = false;
   } else {
      document.getElementById(elID).style.disabled = true;
   }
}
</script>
» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen
pi_24671666
Disabled is niet een eigenschap van style, dus style weghalen en eht zal werken
1document.getElementById(elID).disabled
Waar zijn aanbiedingen?
pi_24671681
quote:
Op vrijdag 21 januari 2005 16:32 schreef Heliospan het volgende:

[ code verwijderd ]

Ugh, mijn schrale beetje javascriptkennis laat me weer in de steek. Wat ik wil is op zich niet zo moeilijk leek me. Als op de checkboxen 'en_aanvang' of 'en_prijs' geklikt wordt, wordt respectievelijk 'agenda_nieuw_aanvang' disabled/enabled, of 'agenda_nieuw_prijs' disabled/enabled. Ik heb echter meerdere pogingen gedaan om de "Toggle"-functie te schrijven, maar ik kom er niet uit. En het moet zo makkelijk zijn. Kan iemand me even uit de brand helpen?

Dit werkt iig niet
[ code verwijderd ]
1
2
3		<script language="Javascript">
document.getElementById(elID).disabled = document.getElementById(elID).disabled == true ? false : true;
</script>


Volgens mij is "disabled" geen CSS property, maar hoort het bij het element direct. Probeer het zo eens (niet getest)
Trotse poster van het 37000000ste bericht ^O^
pi_24671843
Ach, ik ben zo achterlijk af en toe Bedankt beide!
» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen
pi_24672492
Om nog even verder te borduren op hetzelfde probleem:
1
2
3
4
5
6
7
8
9		function Toggle(elID) {
   if(document.getElementById(elID).disabled == true) {
      document.getElementById(elID).disabled = false;
     document.getElementById(elID).style.backgroundColor = "#ffffff";
   } else {
      document.getElementById(elID).disabled = true;
     document.getElementById(elID).style.backgroundColor = "#aaaaaa";
   } 
}


Dit werkt prima in IE. Maar in Firefox gebeurt er helemaal niets, niet disabled en geen andere achtergrondkleur. Werkt Firefox niet met getElementById ofzo?
» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen
pi_24673630
Wat voor element probeer je te disabelen? Volgens de specs van W3C kan dat alleen bij: BUTTON, INPUT, OPTGROUP, OPTION, SELECT en TEXTAREA.

Jouw code werkt bij mij in FF prima met een input text element. Maar zo zou ik 't doen (wat overzichtelijker, makkelijker te debuggen en uit te breiden)
1
2
3
4
5
6
7
8
9
10
11		function Toggle(id) {
   var el = document.getElementById(id);
   if (!el) return;
   if (el.disabled) {
      el.disabled = false;
      el.style.backgroundColor = '#fff';
   } else {
      el.disabled = true;
      el.style.backgroundColor = '#aaa';
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24673851
Ik probeer een input-veld te disabelen... Ik heb hem hier online staan: http://dev.chillosophy.nl/sites/jaydee.net/?type=agenda

Ik zie vast iets over het hoofd

-edit-
Sjongejonge. GetElementByID... Internet Explorer had het fout moeten weergeven, omdat ik alleen een name="bladiebla" had, maar dat wordt in IE ook geaccepteerd als ID blijkbaar. Maar goed, id="bladiebla" toegevoegd en het werkt
» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen
pi_24674393
Moet wel even zeggen dat FireFox een prachtige javascript console heeft, die, zolang je niets al te vreemd doet, een foutmelding geeft wat er fout gaat in het script (Tools -> Javascript Console)
Waar zijn aanbiedingen?
pi_24674623
quote:
Op vrijdag 21 januari 2005 19:41 schreef Arjan321 het volgende:
Moet wel even zeggen dat FireFox een prachtige javascript console heeft, die, zolang je niets al te vreemd doet, een foutmelding geeft wat er fout gaat in het script (Tools -> Javascript Console)
Inderdaad een stuk duidelijker dan "Object Expected", wat IE 9 op de 10x zegt

Javascript Console zit overigens niet bij de minimale installatie, let daar even op.

[ Bericht 1% gewijzigd door daReaper op 21-01-2005 19:58:53 ]
Trotse poster van het 37000000ste bericht ^O^
pi_24675208
Daar hoort natuurlijk ook de Webdeveloper Toolbar bij
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas zaterdag 22 januari 2005 @ 18:46:37 #76
1972 Swetsenegger
Egocentrische Narcist
pi_24692173
De volgende image swap doet het prima in I.E.
De onmouseover doet het in FF ook probleemloos, maar bij de onmouseout wordt bij ELKE link welke een onmouseover heeft uitgevoerd, de onmouseout uitgevoerd.

1
2
3
4
5
6
7
8
9
10		 <body>
<img name="home" border="0" src="image/static.gif" width="14px" height="14px">
<a href="home.htm" onmouseover="document.home.src='image/on.gif';playSound(0)" onmouseout="document.home.src='image/off.gif'">home</a><br />
<img name="occassion" border="0" src="image/static.gif" width="14px" height="14px">
<a href="occassion.htm" onmouseover="document.occassion.src='image/on.gif';playSound(0)" onmouseout="document.occassion.src='image/off.gif'">occassion</a><br />
<img name="aanbieding" border="0" src="image/static.gif" width="14px" height="14px">
<a href="aanbieding.htm" onmouseover="document.aanbieding.src='image/on.gif';playSound(0)" onmouseout="document.aanbieding.src='image/off.gif'">aanbieding</a><br />
<img name="bestellen" align=middle src="image/static.gif" width="14px" height="14px">
<a href="bestellen.htm" onmouseover="document.bestellen.src='image/on.gif';playSound(0)" onmouseout="document.bestellen.src='image/off.gif'">bestellen</a><br />
</body>


Beetje vaag verhaal, maar dit maakt het misschien duidelijker.

Ander probleem, het volgende script zou 'crossbrowser' wavjes moeten laten horen bij events. In IE doet hij het, in gecko niet.

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		var aySound = new Array();
aySound[0] = "image/rollover01.wav";

document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }


Iemand een idee?

[ Bericht 1% gewijzigd door Swetsenegger op 22-01-2005 19:01:15 ]
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas zondag 23 januari 2005 @ 10:01:03 #77
1972 Swetsenegger
Egocentrische Narcist
pi_24703364
Met niet-animated gifjes werkt het wel goed. Het is dus een bug in FireFox

Gefeliciteerd met je vondst
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24706248
quote:
Op zondag 23 januari 2005 12:58 schreef Arjan321 het volgende:
https://bugzilla.mozilla.org/show_bug.cgi?id=266210 dus hè
Ja die.

De simpelste workaround is je off.gif vervangen door een statisch gifje.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24707602
Ik heb een kleine workaround ervoor gevonden. Het werkt nog steeds niet perfect in Firefox, maar in IE/Opera kan je dan tenminste bewegende pijltjes behouden..

In firefox speelt ie 1x de animatie af, daarna is het plaatje voorbij geweest en doet ie het dus in een schok.. de code:
1
2
3		<span style="background-image: url('image/static.gif');background-repeat: no-repeat;padding-left: 15px;">
<a href="#" onmouseover="this.parentNode.style.backgroundImage='url(\'image/on.gif\')'" onmouseout="this.parentNode.style.backgroundImage='url(\'image/off.gif\')'">home</a>
</span>
Waar zijn aanbiedingen?
pi_24710618
Maak 'm dan helemaal met CSS. In FF krijg je geen bewekende pijltjes, in IE wel.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		<html>
<head>
<title></title>
<style type="text/css">
a {
   padding-left: 20px;
   background-image: url('off.gif');
   background-repeat: no-repeat;
   background-position: 0% 50%;
}
a:hover {
   background-image: url('on.gif');
}
</style>
</head>
<body>

<a href="">Foo</a><br>
<a href="">Bar</a><br>
<a href="">Baz</a><br>

</body>
</html>
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas zondag 23 januari 2005 @ 19:39:13 #84
1972 Swetsenegger
Egocentrische Narcist
pi_24710955
quote:
Op zondag 23 januari 2005 11:47 schreef SuperRembo het volgende:
Met niet-animated gifjes werkt het wel goed. Het is dus een bug in FireFox

Gefeliciteerd met je vondst
Dat is godverdomme al de tweede keer dat ik tegen een gecko bug aanloop en workarounds voor MOZILLA moet verzinnen (in plaats van voor IE) (de vorige is het scrollwheel in overflow divs. Ondertussen opgelost in nightly's)
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas zondag 23 januari 2005 @ 19:44:45 #85
1972 Swetsenegger
Egocentrische Narcist
pi_24711057
Andere vraag. Bestaat er een DHTML mogelijkheid om div's te roteren?

Op google vind ik nietecht een oplossing
 | FOK! Schrikkelbaasch
pi_24723758
quote:
Op zondag 23 januari 2005 19:44 schreef Swetsenegger het volgende:
Andere vraag. Bestaat er een DHTML mogelijkheid om div's te roteren?

Op google vind ik nietecht een oplossing
nee, dan zou je eerder met SVG (Scalable Vector Graphics, een W3C-standaard voor vector-gebaseerde afbeeldingen, in markup format) moeten werken, deze kent transform-attributen met een rotate-functie
Mozilla kent wel de mogelijkheid om zowel XHTML, MathML en SVG te combineren en door elkaar te gebruiken

maar explorer ondersteund dit niet, explorer kent wel de mogelijkheid om WML (een proprietair MS-formaat voor vectoren) of proprietaire css-filters toe te passen, die teksten laten roteren:
http://msdn.microsoft.com(...)e/filters/matrix.asp

maar een cross-browser oplossing is er niet.
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
  FOK!-Schrikkelbaas maandag 24 januari 2005 @ 15:32:12 #87
1972 Swetsenegger
Egocentrische Narcist
pi_24724850
quote:
Op maandag 24 januari 2005 14:16 schreef RM-rf het volgende:

[..]

nee, dan zou je eerder met SVG (Scalable Vector Graphics, een W3C-standaard voor vector-gebaseerde afbeeldingen, in markup format) moeten werken, deze kent transform-attributen met een rotate-functie
Mozilla kent wel de mogelijkheid om zowel XHTML, MathML en SVG te combineren en door elkaar te gebruiken

maar explorer ondersteund dit niet, explorer kent wel de mogelijkheid om WML (een proprietair MS-formaat voor vectoren) of proprietaire css-filters toe te passen, die teksten laten roteren:
http://msdn.microsoft.com(...)e/filters/matrix.asp

maar een cross-browser oplossing is er niet.
Dit vond ik op google inderdaad.

Iemand nog een idee over deze? Werkt niet onder gecko
quote:
Op zaterdag 22 januari 2005 18:46 schreef Swetsenegger het volgende:Ander probleem, het volgende script zou 'crossbrowser' wavjes moeten laten horen bij events. In IE doet hij het, in gecko niet.
[ code verwijderd ]

Iemand een idee?
 | FOK! Schrikkelbaasch
pi_24724966
quote:
Op maandag 24 januari 2005 15:32 schreef Swetsenegger het volgende:

Iemand nog een idee over deze? Werkt niet onder gecko
[..]
Het script dat je postte is uit de Netscape4 tijd (navigatoir.plugins['LiveAudio] en werken met New Layer()-methods, dat is allemaal document.layers troep)

volgens mij kun je gewoonweg de explorer methode toepassen, ook voor gecko en andere browsers
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
  FOK!-Schrikkelbaas maandag 24 januari 2005 @ 16:01:35 #89
1972 Swetsenegger
Egocentrische Narcist
pi_24725250
quote:
Op maandag 24 januari 2005 15:40 schreef RM-rf het volgende:

[..]

Het script dat je postte is uit de Netscape4 tijd (navigatoir.plugins['LiveAudio] en werken met New Layer()-methods, dat is allemaal document.layers troep)

volgens mij kun je gewoonweg de explorer methode toepassen, ook voor gecko en andere browsers
Ok, ik vond het al een lang en onduidelijk script voor zoites simpels
 | FOK! Schrikkelbaasch
pi_24725319
bgsound is iets dat (gelukkig) alleen IE ondersteund.. Anders zou je iets als flash moeten gebruiken als je crossbrowser geluidjes wilt afspelen bij onmouseover..
Waar zijn aanbiedingen?
  FOK!-Schrikkelbaas maandag 24 januari 2005 @ 16:49:43 #91
1972 Swetsenegger
Egocentrische Narcist
pi_24725716
quote:
Op maandag 24 januari 2005 16:06 schreef Arjan321 het volgende:
bgsound is iets dat (gelukkig) alleen IE ondersteund.. Anders zou je iets als flash moeten gebruiken als je crossbrowser geluidjes wilt afspelen bij onmouseover..
Ja background sound is irritant, maar een heel zacht simpel piepje bij het aanwijzen van een knop vind ik wel toegevoegde waarde.
Maar crossbrowser met een javascript zal dat niet gaan lukken waarschijnlijk....
 | FOK! Schrikkelbaasch
pi_24771921
Ik zit met het volgende, het het volgende scriptje probeer ik een font en grootte selecteren en weer te geven in de daarvoor bestemde 'box' met id.. nu is het probleem dat ik maar een malig de grootte van het font kan veranderen, daarna kan ik alles proberen maar krijg ik niet de juiste size er uit. Iemand die de fout ziet?

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		<html>
<body topmargin=0 leftmargin=0>
<script language="javascript">
function preview()
{  
    document.getElementById('preview').innerHTML = '<font size="' 
    + document.getElementById('size').value + '" face="' 
    + document.getElementById('font').value + '">Preview</font>';
}
</script>
<table border="0">
<tr><td>Font</td><td>Size</td><td> </td></tr>
<tr><td><select id="font" name="font" size="4" onClick="preview();">
<option value="Arial">Arial</option>
<option value="Helvetica">Helvetica</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option></select></td>
    <td><select id="size" name="size" size="4" onClick="preview();">
<option value="8">8</option><option value="10">10</option>
<option value="12">12</option><option value="14">14</option>
<option value="18">18</option><option value="24">24</option>
<option value="36">36</option></select></td> 
    <td> </td>
</tr>
<tr><td colspan="3" style="height: 30px;" id="preview">Preview</td>
</tr>
</table>


ps enters ivm verneuken layout
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24774338
quote:
Op donderdag 27 januari 2005 01:40 schreef Chandler het volgende:
Ik zit met het volgende, het het volgende scriptje probeer ik een font en grootte selecteren en weer te geven in de daarvoor bestemde 'box' met id.. nu is het probleem dat ik maar een malig de grootte van het font kan veranderen, daarna kan ik alles proberen maar krijg ik niet de juiste size er uit. Iemand die de fout ziet?
[ code verwijderd ]

ps enters ivm verneuken layout
Waarom doe je het in godsnaam met innerHTML en een Font element
sowieso wordt <font> tegenwoordig niet meer gebruit, dus gooi dat maar uit je hoofd. Dat soort dingen bepaal je tegenwoordig met CSS:

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		<html>
<body topmargin=0 leftmargin=0>
<script language="javascript">
function preview() {  
    document.getElementById('preview').style.fontSize = 
    document.getElementById('size').value + "pt";
}
</script>
<table border="0">
<tr><td>Font</td><td>Size</td><td> </td></tr>
<tr><td><select id="font" name="font" size="4" onClick="preview();">
<option value="Arial">Arial</option>
<option value="Helvetica">Helvetica</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option></select></td>
    <td><select id="size" name="size" size="4" onClick="preview();">
<option value="8">8</option><option value="10">10</option>
<option value="12">12</option><option value="14">14</option>
<option value="18">18</option><option value="24">24</option>
<option value="36">36</option></select></td> 
    <td> </td>
</tr>
<tr><td colspan="3" style="height: 30px;" id="preview">Preview</td>
</tr>
</table>


Succes
Trotse poster van het 37000000ste bericht ^O^
pi_24774432
ok, maar nu pas je alleen de 'fontsize' aann, ik neem aan dan je ook de font op die manier kan aanpassen?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24774586
quote:
Op donderdag 27 januari 2005 10:32 schreef Chandler het volgende:
ok, maar nu pas je alleen de 'fontsize' aann, ik neem aan dan je ook de font op die manier kan aanpassen?
alle layout-opties behoren toe aan het 'style'-object:

om het font te veranderen kun je de fontFamily-propertie gebruiken

voor alle mogelijke 'styles', zie bv de documentatie op de MSDN-site (de geeft natuurlijk enkel de mogelijkheden in explorer, welke wel een stuk beperkter zijn, gezien de slechte CSS-ondersteuning: http://msdn.microsoft.com(...)bjects/obj_style.asp of de DOM-Style-lijst op de mozilla-site: http://www.mozilla.org/do(...)e_ref18.html#1002335 )

[ Bericht 8% gewijzigd door RM-rf op 27-01-2005 10:48:00 ]
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_24787624
ik zit met een probleempje.. ik heb een array met enkel bedragen er in, iets als dit:
1
2
3
4
5		   totaalArray = new Array(4)
      totaalArray[1] = '2,00';
      totaalArray[2] = '4,45';
      totaalArray[3] = '3,23';
      totaalArray[4] = '6,53';

Nu wil ik de waarden uit deze array bij elkaar optellen, met welke functie doe ik dat?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24793496
Denk niet dat javascript daar een functie voor heeft...

Dus een forloopje of while loopje gebruiken

1
2
3
4		var totaal = 0; 
for (var i = 0; i < totaalArray.length; i++) {
          totaal+= totaalArray[i];
}


Een array begint trouwens met sleutel/index 0, niet 1..
Waar zijn aanbiedingen?
  FOK!-Schrikkelbaas vrijdag 28 januari 2005 @ 10:25:37 #98
1972 Swetsenegger
Egocentrische Narcist
pi_24793734
Javascript helden, wederom een kleine vraag van mijn kant.

Ik heb een form met meerdere invulvelden en meerdere submits.
Nu wil ik bij bepaalde invoervelden de focus op een specifieke submit button krijgen.

Ik heb iets over focus() gelezen, maar hoe doe ik dit precies? Moet ik de invulvelden een ID meegeven of iets dergelijks?

misschien ter verduidelijking.
Wanneer ik een term in een bepaald veld invul, moet bij een enter niet submitknop 1 actief zijn, maar submitknop 2.

[ Bericht 18% gewijzigd door Swetsenegger op 28-01-2005 11:25:27 ]
 | FOK! Schrikkelbaasch
pi_24795045
tnx daReaper en RM-rf , nog een klein vraagje. Weten jullie welke font standaard op eingelijk alle windows/unix systemen te vinden zijn? en gebruikt kunnen worden voor internet toepassingen (web? etc?)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24795541
quote:
Op vrijdag 28 januari 2005 10:25 schreef Swetsenegger het volgende:
Javascript helden, wederom een kleine vraag van mijn kant.

Ik heb een form met meerdere invulvelden en meerdere submits.
Nu wil ik bij bepaalde invoervelden de focus op een specifieke submit button krijgen.

Ik heb iets over focus() gelezen, maar hoe doe ik dit precies? Moet ik de invulvelden een ID meegeven of iets dergelijks?

misschien ter verduidelijking.
Wanneer ik een term in een bepaald veld invul, moet bij een enter niet submitknop 1 actief zijn, maar submitknop 2.
Je kan bijvoorbeeld zoiets doen:

1
2
3
4
5
6
7
8		<form>
 <input type="text" onchange="this.form.submit1.focus();" />
 <input type="text" onchange="this.form.submit2.focus();" />
 <input type="text" onchange="this.form.submit3.focus();" />
 <input type="submit" name="submit1" value="Submit1" />
 <input type="submit" name="submit2" value="Submit2" />
 <input type="submit" name="submit3" value="Submit3" />
</form>
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - Deel 1
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')