[Javascript] voor dummies - Deel 1 | Digital Corner (DIG)

FOK!-Schrikkelbaas maandag 29 november 2004 @ 14:29:02 #1

Swetsenegger

Egocentrische Narcist

Na php voor dummies wordt het nu tijd voor javascript voor dummies.
Ik ben een absolute leek met javascript, ik jat af en toe wat scripts en snap dan net genoeg om het met wat aanpassingen te kunnen gebruiken, maar wat meer kennis zou makkelijk zijn.

Wat ik wil. Ik wil tijdens het laden van een pagina, sommige elementen (div's) iets later dan de container background div het scherm in schuiven.

Dus het menu (bv) zie je de pagina inscrollen)
Iemand hints en tips om dit te realiseren? Met welke eventhandler pak ik dit aan en is het uberhaupt mogelijk?

[ Bericht 0% gewijzigd door Swetsenegger op 29-11-2004 14:52:28 ]

 | FOK! Schrikkelbaasch

maandag 29 november 2004 @ 15:26:24 #2

RM-rf

1/998001

je kunt functies gewoon onload aanroepen, het onload-event vind plaats direkt na het inladen van een hele pagina (incl. alle afbeeldingen hierop)
vervolgs kun je een simpel moveBy script aanroepen:

iets als

quote:
<script type="text/javascript">
function my_moveTo( elmN, y ) {
elm = document.getElementById( elmN )
newY = elm.offsetLeft
if (newY > y) {
newY = newY - 5
elm .style.left = newY
setTimeout( "my_moveTo( '"+elmN+"', "+y+" ) ", 250 )
}
}
function init() {
document.getElementById( 'menu' ).style.left = document.body.clientWidth
my_moveTo( 'menu', 50 )
}
window.onload = init
</script>
<style type="text/css">
DIV#menu {
position: absolute; top: 50px; left: 1000px; width: 250px; border: 1px solid red;
}
</style>
<div id="menu">menu-blah</menu>

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

FOK!-Schrikkelbaas maandag 29 november 2004 @ 15:37:20 #3

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 29 november 2004 15:26 schreef RM-rf het volgende:
je kunt functies gewoon onload aanroepen, het onload-event vind plaats direkt na het inladen van een hele pagina (incl. alle afbeeldingen hierop)
vervolgs kun je een simpel moveBy script aanroepen:

iets als
[..]

ik had inderdaad het vermoeden dat dit met de onload handler moest, echter begrijp ik je script niet helemaal. Waar roep je die functie nu aan? En waar geef ik de uiteindelijke locatie op van de div en waar de start locatie?

(ja ik ben echt een noob

)

Met andere woorden, om er voor te zorgen dat ik er wat van leer en de javascript behndigden niet continue blijf lastig vallen met "*zucht*... lees de fucking manual"-vragen... Kan je het even regel voor regel uitleggen wat je doet?

Thanks

 | FOK! Schrikkelbaasch

maandag 29 november 2004 @ 15:44:31 #4

RM-rf

1/998001

het aanroepen van een functie onload kan gewoon door bv <dody onload="functienaam()"> te doen, maar ook in het script zelf door window.onload = functienaam (waarbij je dus geen variabelen door doorgeven, daarom mijn 'init' functie).

verder draait het script er een beetje om dat je via getElementById elementen aanspreekt en hiervan eerst een waarde opvraagt (via object.offsetLeft) en deze vervolgens aanpast wanneer hij groter is dan de variabele y...
hierna roept de functie zichzelf via een Timeout weer aan, via setTimeout(), de functie wordt dus meermaals herhaald zolang de linkerwaarde van het element groter is dan 'y'...

in mn voorbeeldscript-script wordt in de init-functie het menu-element eerst helemaal naar rechtsbzuiten de pagina gezet, waarna de functie my_moveTo het element in stappen van 5 pixels per kwartseconde naar links beweegt.

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

FOK!-Schrikkelbaas maandag 29 november 2004 @ 15:53:26 #5

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 29 november 2004 15:44 schreef RM-rf het volgende:
het aanroepen van een functie onload kan gewoon door bv <dody onload="functienaam()"> te doen, maar ook in het script zelf door window.onload = functienaam (waarbij je dus geen variabelen door doorgeven, daarom mijn 'init' functie).

verder draait het script er een beetje om dat je via getElementById elementen aanspreekt en hiervan eerst een waarde opvraagt (via object.offsetLeft) en deze vervolgens aanpast wanneer hij groter is dan de variabele y...
hierna roept de functie zichzelf via een Timeout weer aan, via setTimeout(), de functie wordt dus meermaals herhaald zolang de linkerwaarde van het element groter is dan 'y'...

in mn voorbeeldscript-script wordt in de init-functie het menu-element eerst helemaal naar rechtsbzuiten de pagina gezet, waarna de functie my_moveTo het element in stappen van 5 pixels per kwartseconde naar links beweegt.

Yep, ik zie het. Ik ging uit van van links naar rechts maar jij beweegt van rechts naar links.

De functie roep je aan zodra het document geopend wordt (window.onload) toch?

Waneer ik er nu voor wil zorgen dat je de container div al ziet en pas na een kleine pauze het element het scherm in gescrolled wordt, kan ik dit bereiken door de functie met een onload in de div zelf aan te roepen? Ik realiseer me dat dit maar een minimale pauze oplevert tov jou onload, maar het gaat me erom of ik een onload functie overal kan gebruiken zeg maar.

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 11:53:17 #6

Swetsenegger

Egocentrische Narcist

waarom werkt dit niet in firefox zodra ik er een doctype bovenzet (en wel in IE)

quote:

<html>
<head>
<title>move.layer</title>

<script type="text/javascript">

function init(){
if(document.getElementById){
obj = document.getElementById("menuDiv");
obj.style.left = 156;
}
}

function slideRight(){
if(document.getElementById){
if(parseInt(obj.style.left) < 255){
obj.style.left = parseInt(obj.style.left) + 10 + "px";
setTimeout("slideRight()",15);
}
}
}

function slideLeft(){
if(document.getElementById){
if(parseInt(obj.style.left) > 156){
obj.style.left = parseInt(obj.style.left) - 10 + "px";
setTimeout("slideLeft()",15);
}
}
}
</script>
<style type="text/css">
#menuDiv{

position:absolute;

left:156px;
top:148px;
width:110px;
text-align:right;
font-family: Arial, verdana, sans;
font-size:8pt;
z-index:2;
filter:alpha(opacity=90);-moz-opacity:0.90;
}
</style>
</head>

<body onLoad="init()" bgcolor="white">

<div id="menuDiv">
<a href="javascript:slideLeft()"><img src="image/left.gif" alt="arrow" border="0"/></a>
<a href="javascript:slideRight()"><img src="image/right.gif" alt="arrow" border="0" /></a>
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;">
<a href="#" onblur="slideLeft()">Wie?</a> </div>
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;">
<a href="#" onblur="slideLeft()">Wat?</a> </div>
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;">
<a href="#" onblur="slideLeft()">Hoe?</a> </div>
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;">
<a href="#" onblur="slideLeft()">Waarom?</a> </div>
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px; background-color:#B8D3C8;">
<a href="#" onblur="slideLeft()">Wanneer?</a> </div>
</div>
<div class="menu"><span onmouseover="slideRight()">Menu </span></div>

Dit werkt dus in zowel IE als FF. Zet ik er een doctype boven (1.0 transitional) werkt het nog steeds in IE, maar in FF (1.0) werkt de onmouseover en <a href="javascript:slideLeft()"><img src="image/left.gif" alt="arrow" border="0"/></a> niet meer

 | FOK! Schrikkelbaasch

donderdag 2 december 2004 @ 11:57:35 #7

daReaper

omdat ik zo'n hekel heb aan Flash, heb ik eens aan een vriend laten zien dat je met JavaScript bijna hetzelfde kan: http://80.60.202.155/flashzut/. Na verloop van tijd had ik er geen zin meer in, maar de basis is er

(ik had er destijds echter geen image preloaders ingebouwd, dus missch moet je m 2x kijken voor alles in je cache zit)

Trotse poster van het 37000000ste bericht ^O^

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 12:34:02 #8

Swetsenegger

Egocentrische Narcist

iemand een idee waarom in FF javascript eventhandlers niet werken zodra er een doctype staat?

 | FOK! Schrikkelbaasch

donderdag 2 december 2004 @ 12:37:53 #9

Litso

Interlectueel.

quote:
Op donderdag 2 december 2004 11:57 schreef daReaper het volgende:
omdat ik zo'n hekel heb aan Flash, heb ik eens aan een vriend laten zien dat je met JavaScript bijna hetzelfde kan: http://80.60.202.155/flashzut/. Na verloop van tijd had ik er geen zin meer in, maar de basis is er

(ik had er destijds echter geen image preloaders ingebouwd, dus missch moet je m 2x kijken voor alles in je cache zit)

Wow, dat is best cool, als je dat iin javascript kan

"Dat is echt ontzettend zielig" ©

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 14:00:29 #10

Swetsenegger

Egocentrische Narcist

ter verduidelijking:
http://www.123swets.com/xploise/test.php (met doctype)
http://www.123swets.com/xploise/test2.php (zonder doctype)

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 15:07:17 #11

Swetsenegger

Egocentrische Narcist

Niemand enig idee?

 | FOK! Schrikkelbaasch

donderdag 2 december 2004 @ 15:14:43 #12

Lucille

Smartass

quote:
Op donderdag 2 december 2004 15:07 schreef Swetsenegger het volgende:
Niemand enig idee?

Geen idee of ik nu poep praat, maar ik kan me voorstellen dat als er iets niet helemaal juist gaat in het stukje JavaScript, dat een doctype met strict HTML handling dan de code niet uitvoert. Een eerste blik in je code liet niet iets fout zien, maar toen bedacht ik me dus dat het heel misschien noodzakelijk is om een eventhandler netjes af te sluiten met een boolean return value voor de afhandeling van de error status. Dit zou je dus kunnen testen door de boolean mee te geven in de return van de event handler of door de return met boolean achter de aanroep van je event handler te zetten.

Beter een baas onder je duim, dan tien bovenop
Trekt bij warm weer een poncho aan

donderdag 2 december 2004 @ 15:15:24 #13

giMoz

M-Power empowered

Geeft ie errors? Of helemaal nix..

Het probleem van virussen spy- en adware is niet de browser maar bevind zich tussen toetsenbord en rugleuning.....
www.zoekopdekaart.nl

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 15:23:53 #14

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 2 december 2004 15:14 schreef Lucille het volgende:

[..]

Geen idee of ik nu poep praat, maar ik kan me voorstellen dat als er iets niet helemaal juist gaat in het stukje JavaScript, dat een doctype met strict HTML handling dan de code niet uitvoert. Een eerste blik in je code liet niet iets fout zien, maar toen bedacht ik me dus dat het heel misschien noodzakelijk is om een eventhandler netjes af te sluiten met een boolean return value voor de afhandeling van de error status. Dit zou je dus kunnen testen door de boolean mee te geven in de return van de event handler of door de return met boolean achter de aanroep van je event handler te zetten.

Nu in dummie taal

Wat moet ik waar mee geven?

quote:
Op donderdag 2 december 2004 15:15 schreef giMoz het volgende:
Geeft ie errors? Of helemaal nix..

In de console van FF kom ik geen enkele fout tegen

 | FOK! Schrikkelbaasch

donderdag 2 december 2004 @ 15:27:03 #15

giMoz

M-Power empowered

in je JS ook je

weghalen.
Da hoeft dus niet.
Ook je functies een boolean terug laten geven.
dus:
return true;
aan het einde van je functie.

Het probleem van virussen spy- en adware is niet de browser maar bevind zich tussen toetsenbord en rugleuning.....
www.zoekopdekaart.nl

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 15:29:28 #16

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 2 december 2004 15:27 schreef giMoz het volgende:
in je JS ook je

weghalen.
Da hoeft dus niet.

Die had ik later toegevoegd om te zien of dat verschil maakte, zal ze weer weghalen.

quote:

Ook je functies een boolean terug laten geven.
dus:
return true;
aan het einde van je functie.

Dus het wordt dit:

quote:

function init(){
if(document.getElementById){
obj = document.getElementById("menuDiv");
obj.style.left = 156;
return true;
}
}

function slideRight(){
if(document.getElementById){
if(parseInt(obj.style.left) < 255){
obj.style.left = parseInt(obj.style.left) + 10 + "px";
setTimeout("slideRight()",15);
return true;
}
}
}

function slideLeft(){
if(document.getElementById){
if(parseInt(obj.style.left) > 156){
obj.style.left = parseInt(obj.style.left) - 10 + "px";
setTimeout("slideLeft()",15);
return true;
}
}
}

?

of moet die return voor de laatste }

 | FOK! Schrikkelbaasch

donderdag 2 december 2004 @ 15:42:09 #17

Lucille

Smartass

quote:
Op donderdag 2 december 2004 15:23 schreef Swetsenegger het volgende:
Nu in dummie taal
Wat moet ik waar mee geven?

Op dit moment maak je een eventhandler op deze manier (voorbeeld, geen directe copy):

HTML deel:
onblur="doeJeDing()"

en dan in JS:
function doeJeDing() {

bla bla

return;
}

Ofwel, funcie doeJeDing() geeft geen boolean status terug (alleen een return zonder waarde) aan de eventhandler onblur. Sommige JS functies kunnen daar niet zo goed tegen en willen graag een boolean return zien (return true of return false). Dit kan je dus in de functie doeJeDing() zetten, zodat je in HTML krijgt:
onblur="return doeJeDing();"

wat ook kan is de return in je HTML stukje zetten bij de aanroep van de onblur event handler. Dat kan op twee manieren:
onblur="doeJeDing(); return false;"

Bovenste voorbeeld is het beste want dankan je in je eventhandler zowel true als false doorgeven (waardoor je netjes kan controleren of iets werkt en fouten kan afvangen), de onderste methode forceert een vaste boolean return waarde (in dit geval false), waardoor je nooit helemaal zeker bent van het resultaat in je event functie, maar er wel altijd een goede return waarde uit je eventhandler onblur komt.

Het enige waar ik nu over twijfel is of je bij succes een true of een false moet meegeven.

Ik dacht dus een false, vergelijkbaar met C programma's waarbij een 1 een foutstatus oproept en een 0 foutloos is. Maar pin me er niet op vast.

Beter een baas onder je duim, dan tien bovenop
Trekt bij warm weer een poncho aan

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 15:48:52 #18

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 2 december 2004 15:42 schreef Lucille het volgende:

[..]

Op dit moment maak je een eventhandler op deze manier (voorbeeld, geen directe copy):

HTML deel:
onblur="doeJeDing()"

en dan in JS:
function doeJeDing() {

bla bla

return;
}

Ofwel, funcie doeJeDing() geeft geen boolean status terug (alleen een return zonder waarde) aan de eventhandler onblur. Sommige JS functies kunnen daar niet zo goed tegen en willen graag een boolean return zien (return true of return false). Dit kan je dus in de functie doeJeDing() zetten, zodat je in HTML krijgt:
onblur="return doeJeDing();"

wat ook kan is de return in je HTML stukje zetten bij de aanroep van de onblur event handler. Dat kan op twee manieren:
onblur="doeJeDing(); return false;"

Bovenste voorbeeld is het beste want dankan je in je eventhandler zowel true als false doorgeven (waardoor je netjes kan controleren of iets werkt en fouten kan afvangen), de onderste methode forceert een vaste boolean return waarde (in dit geval false), waardoor je nooit helemaal zeker bent van het resultaat in je event functie, maar er wel altijd een goede return waarde uit je eventhandler onblur komt.

Het enige waar ik nu over twijfel is of je bij succes een true of een false moet meegeven.
Ik dacht dus een false, vergelijkbaar met C programma's waarbij een 1 een foutstatus oproept en een 0 foutloos is. Maar pin me er niet op vast.

O...kee. Ik denk dat ik begrijp wat je bedoelt, maar waar moet ik die return nu concreet in mijn script zetten? En moet ik dan nog wat aanpassen aan het HTML deel?

 | FOK! Schrikkelbaasch

donderdag 2 december 2004 @ 15:55:14 #19

Lucille

Smartass

Ik zie dat je in je JS functies slideLeft() en slideRight() al een return true hebt staan, dus nu moet je nog bij het aanroepen van die functies de return zetten:

onblur="return slideLeft();"

Idem voor de slideRight() functie aanroep. Ik weet dus, zoals gezegd, alleen niet of je functies dus een return true; of een return false; moeten meegeven voor het juiste resultaat. Disclaimer: ik weet zelfs niet of dit je probleem gaat oplossen.

Beter een baas onder je duim, dan tien bovenop
Trekt bij warm weer een poncho aan

FOK!-Schrikkelbaas donderdag 2 december 2004 @ 15:59:33 #20

Swetsenegger

Egocentrische Narcist

tot mijn grote spijt moet ik bekenen dat een tweaker het opgelost heeft:

quote:

function init(){
if(document.getElementById){
obj = document.getElementById("menuDiv");
obj.style.left "156px";
}
}

kortom, bij de init 'px' toevoegen aan de value

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas vrijdag 3 december 2004 @ 22:38:55 #21

Swetsenegger

Egocentrische Narcist

Wederom een vraag over dit scriptje.
In dit scriptje werkt de functie op een divje met als id 'menuDiv'. Op 1 pagina kan ik die dus maar 1 keer toepassen.

Hoe verbouw ik dit nu zo dat ik die slide functie voor meerdere divs kan aanroepen?

 | FOK! Schrikkelbaasch

vrijdag 3 december 2004 @ 23:04:14 #22

daReaper

quote:
Op vrijdag 3 december 2004 22:38 schreef Swetsenegger het volgende:
Wederom een vraag over dit scriptje.
In dit scriptje werkt de functie op een divje met als id 'menuDiv'. Op 1 pagina kan ik die dus maar 1 keer toepassen.

Hoe verbouw ik dit nu zo dat ik die slide functie voor meerdere divs kan aanroepen?

function slideRight(obj){
if(document.getElementById){
if(parseInt(obj.style.left) < 255){
obj.style.left = parseInt(obj.style.left) + 10 + "px";
setTimeout("slideRight()",15);
return true;
}

sliderecht aanroepen als:
slideRight(document.getElementById("idvanDiv"));

of als je hem aanroept vanuit het object zelf uit een event:

<div onclick="slideRight(this)">...</div>

(bedoel je dat?)

Trotse poster van het 37000000ste bericht ^O^

FOK!-Schrikkelbaas vrijdag 3 december 2004 @ 23:17:03 #23

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 3 december 2004 23:04 schreef daReaper het volgende:

[..]

function slideRight(obj){
if(document.getElementById){
if(parseInt(obj.style.left) < 255){
obj.style.left = parseInt(obj.style.left) + 10 + "px";
setTimeout("slideRight()",15);
return true;
}

sliderecht aanroepen als:
slideRight(document.getElementById("idvanDiv"));

of als je hem aanroept vanuit het object zelf uit een event:

<div onclick="slideRight(this)">...</div>

(bedoel je dat?)

Thanks, ik had 'm al met logisch nadenken en googlen:

quote:

function init(name){
if(document.getElementById){
obj = document.getElementById(name);
obj.style.left = "136px";
}
}

<td onmouseover="init('menu1');slideRight()">

[ Bericht 27% gewijzigd door Swetsenegger op 03-12-2004 23:22:54 ]

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas maandag 6 december 2004 @ 16:29:49 #24

Swetsenegger

Egocentrische Narcist

Heeft iemand een javascript waarmee je de hoogte van het browsercanvas achterhaalt?

(dus niet scherm resolutie, maar daadwerkelijk de hoogte in pixels van het content gedeelte van het broser scherm?

 | FOK! Schrikkelbaasch

maandag 6 december 2004 @ 17:30:12 #25

daReaper

-edit: gevonden!-
Werkt vrij cross-browser meen ik

var width = window.innerWidth;
if (!width)
width = document.body.clientWidth;

var height = window.innerHeight;
if (!height)
height = document.body.clientHeight;

[ Bericht 41% gewijzigd door daReaper op 06-12-2004 17:37:52 ]

Trotse poster van het 37000000ste bericht ^O^

woensdag 8 december 2004 @ 15:49:27 #26

Da_Koen

Ik heb het volgende script om een veld op extentie te controleren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Het wordt aangeroepen door:
onsubmit="return validate()" in de <form>

Het script werkt op zich wel. Maar na de 2e keer drukken op de knop valideerd ie niet meer en submit ie dus meteen. Hoe kan ik dit oplossen?

Verstuur ringtones en Foto's gratis naar je mobiel

woensdag 8 december 2004 @ 17:39:54 #27

Da_Koen

Verstuur ringtones en Foto's gratis naar je mobiel

woensdag 8 december 2004 @ 18:13:16 #28

SuperRembo

Sinds 1998

validate() returnt altijd false

_{en extensie is met een s}

woensdag 8 december 2004 @ 18:30:08 #29

Da_Koen

quote:
Op woensdag 8 december 2004 18:13 schreef SuperRembo het volgende:
validate() returnt altijd false
_{en extensie is met een s}

Nee hoor. Als ik bijv een .mid file pakt dan submit ie gewoon. Bij een .exe krijg ik een error. Maar als je bijv 2x op de button klikt dan submit ie altijd

Test het anders maar. Zie sig voor link.

Verstuur ringtones en Foto's gratis naar je mobiel

woensdag 8 december 2004 @ 19:09:47 #30

SuperRembo

Sinds 1998

Ja hoor. validate() returnt altijd false. De versie die je nu online hebt staan roept validate() alleen nooit aan.

Maar ALS je de functie validate() een keer aanroept dan bestaat ie daarna niet meer. validate is dan namelijk 0 of 1. Week typed scipttalen, wat zijn ze toch leuk

woensdag 8 december 2004 @ 22:10:08 #31

Da_Koen

edit: accolade vergeten in regel 19

[ Bericht 82% gewijzigd door Da_Koen op 08-12-2004 23:40:24 ]

Verstuur ringtones en Foto's gratis naar je mobiel

woensdag 8 december 2004 @ 22:55:15 #32

MouseInteractive

Grijze muis

Ook ff een (newbie) vraagje: waarom worden javascript functies vaak opgeroepen met
<a href= javascript: void(null); Onclick=javascript: hier_de_functie(parameter);>

Waarom niet gewoon met <a href=javascript: hier_de_functie();> ?

Fotoboek

woensdag 8 december 2004 @ 23:44:14 #33

SuperRembo

Sinds 1998

quote:
Op woensdag 8 december 2004 22:10 schreef Da_Koen het volgende:
Hoe kan ik het nou oplossen?

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

<html>
<head>
<script type="text/javascript">

function validate() {
   var toegestaan = new Array("mid","jpg","gif");

   var bestandsnaam = document.getElementById('upload').value;
   var parts = bestandsnaam.split('.');
   var extensie = parts[parts.length-1];

   var isValid = false;

   for (var i = 0; i < toegestaan.length; i++) {
         if (extensie == toegestaan[i]) {
            isValid = true;
            break;
         }
   }

   if (!isValid) {
      alert("Deze extensie(" + extensie
         + ") is niet bruikbaar voor mobiele telefoons.");
   }

   return isValid;
}

</script>
</head>
<body>
<form enctype="multipart/form-data" method="post">
   <input type="file" name="upload" id="upload"><br>
   <input type="submit" value="uploaden maar!"
      onclick="return validate()">
</form>
</body>
</html>

Er stonden geen accolades bij de laatste if, zodat de functie altijd false returnde.
De functie validate veranderde zichzelf in 0 of 1, en kon daardoor dus maar 1x aangeroepen worden.
document.upload.upload.value werkt niet in Firefox. Vervangen door document.getElementById().
Ik heb de controle omgedraaid, de extensie is niet toegestaan, tenzij hij voorkomt in de lijst toegestane extensies.

Je moet op de server natuurlijk ook nog controleren of het allemaal wel klopt.

maandag 13 december 2004 @ 15:34:37 #34

ikke_ook

ik heb 2 variabelen in javascript, namelijk screen.width en screen.height en deze wil ik in 2 php variabelen x en y zetten, hoe krijg ik dit voor elkaar??

Vogelaars.nl

maandag 13 december 2004 @ 15:39:32 #35

ikke_ook

Ah zo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?php
if (isset($_GET['width']) AND isset($_GET['height'])) {
  // output the geometry variables
  echo "Screen width is: ". $_GET['width'] ."<br />\n";
  echo "Screen height is: ". $_GET['height'] ."<br />\n";
} else {
  // pass the geometry variables
  // (preserve the original query string
  //  -- post variables will need to handled differently)

  echo "<script language='javascript'>\n";
  echo "  location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}"
           . "&width=\" + screen.width + \"&height=\" + screen.height;\n";
  echo "</script>\n";
  exit();
}
?>

Jammer dat t niet anders kan...

Vogelaars.nl

woensdag 15 december 2004 @ 21:40:14 #36

ikke_ook

Nog maar een keer een vraagje want daar is dit topic voor.

1
2
3
4
5
6
7
8

function check(form){
   if(form.naam.value != '' && form.bericht.value != ''){
      form.submit();
   }
   else{
   alert('Je hebt niet alles goed ingevuld');
   }
}

Hier hoort een form bij, er moet gecontroleerd worden of 2 velden zijn ingevuld, als dat zo is moet hij het form submitten. Alleen dat doet hij niet, er komt alleen "Error on page" in de statusbalk te staan.... iemand enig idee wat ik fout doe?

Vogelaars.nl

woensdag 15 december 2004 @ 21:49:03 #37

ikke_ook

Ik weet niet wat dat is met mij maar iedere keer zit ik uren met een probleem en dan post ik het hier en binnen 2 minuten heb ik het zelf opgelost..... Er zat ergens anders iets fout in mn script..

Vogelaars.nl

FOK!-Schrikkelbaas dinsdag 28 december 2004 @ 19:28:58 #38

Swetsenegger

Egocentrische Narcist

1
2
3

function timer() {
setTimeout("slideLeft()", 3000);
}

Heel simpele functie, alleen wil ik dat hij bij een onmouseover onderbroken wordt.
Hoe doe ik dat?

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas dinsdag 28 december 2004 @ 20:55:05 #39

Swetsenegger

Egocentrische Narcist

Ik ben een stap verder:

1
2
3
4

var idle;
function timer() {
idle=setTimeout("slideLeft()", 3000);
}

<div onmouseout="timer();" onmouseover="cleartimeout(idle);">

Dit geeft 'idle' is undefined Maar dat snap ik niet. Ik heb idle toch buiten de functie gedefinieerd?

 | FOK! Schrikkelbaasch

dinsdag 28 december 2004 @ 21:12:58 #40

_Jeffrey_

Ik krijg de melding 'Object wordt verwacht'. In dit geval kent ie 'cleartimeout' niet, aangezien het 'clearTimeout' is.
Met een hoofdletter T dus

FOK!-Schrikkelbaas dinsdag 28 december 2004 @ 21:29:44 #41

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 28 december 2004 21:12 schreef _Jeffrey_ het volgende:
Ik krijg de melding 'Object wordt verwacht'. In dit geval kent ie 'cleartimeout' niet, aangezien het 'clearTimeout' is.
Met een hoofdletter T dus

eh nee hoor...., in xhtml mogen er geen hoofdletters in tags, etc meer.
onMouseOver is dus ook gewoon onmouseover en functioneert allemaal prima.

object expected krijg je wel wanneer je hier en daar een quotje teveel of te weinig hebt

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas dinsdag 28 december 2004 @ 21:37:37 #42

Swetsenegger

Egocentrische Narcist

Ok, ik ben een enorme lul.

Mijn scriptje werkt fantastisch op 'algemeen.php'... ware het niet dat ik al de hele avond op 'index.php' het resultaat aan het bekijken ben

 | FOK! Schrikkelbaasch

dinsdag 28 december 2004 @ 21:46:47 #43

_Jeffrey_

quote:
Op dinsdag 28 december 2004 21:29 schreef Swetsenegger het volgende:

[..]

eh nee hoor...., in xhtml mogen er geen hoofdletters in tags, etc meer.
onMouseOver is dus ook gewoon onmouseover en functioneert allemaal prima.

Javascript != XHTML

cleartimeout zal echt niet werken. clearTimeout wel.

Daarbij zijn event-handlers in (X)HTML iets anders dan in javascript.
In javascript moeten event-handlers altijd lower-case geschreven worden (een uitzondering in JS).
objectReferentie.onmouseover = function(){ alert('test'); }
werkt dus wel, maar dit niet:
objectReferentie.onMouseover = function(){ alert('test'); }

FOK!-Schrikkelbaas dinsdag 28 december 2004 @ 21:59:45 #44

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 28 december 2004 21:46 schreef _Jeffrey_ het volgende:

cleartimeout zal echt niet werken. clearTimeout wel.

Het werkt fantastisch

-edit- nope je hebt gelijk
Omdat ik op de verkeerde page zat te kijken heb ik het ongeveer 300 keer veranderd, de code is nu

1
2
3
4
5
6
7
8

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas donderdag 30 december 2004 @ 17:02:01 #45

Swetsenegger

Egocentrische Narcist

Ik heb een script welke net als php's GET info uit de url haalt en wel dat wat achter de ? staat:

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

Maar dit gedeelte

1
2
3
4
5
6
7
8
9

  // Next, split the url by the ?
  var qparts = url.split("?");

  // Check that there is a querystring, return "" if not
  if (qparts.length == 0)
  {
  var niets='uk.txt';
  return niets;
  }

Werkt niet.
Dit zou dus bij en url ZONDER get info 'uk.txt' terug moeten geven, maar dat gebeurt niet.
Waar ga ik fout?

 | FOK! Schrikkelbaasch

donderdag 30 december 2004 @ 18:24:36 #46

SuperRembo

Sinds 1998

'foo'.split('?').length geeft 1

Verder geeft window.location.search meteen de seach string. Die begint alleen wel met een '?', die moet je er zelf afknippen.

[ Bericht 22% gewijzigd door SuperRembo op 30-12-2004 18:30:06 ]

FOK!-Schrikkelbaas donderdag 30 december 2004 @ 18:57:16 #47

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 30 december 2004 18:24 schreef SuperRembo het volgende:
'foo'.split('?').length geeft 1

Verder geeft window.location.search meteen de seach string. Die begint alleen wel met een '?', die moet je er zelf afknippen.

Maar in dit geval staat er dus helemaal geen ? in de url...

dus 'index.php?taal=uk.txt' werkt prima, maar bij index.php verwacht ik dus 'uk.txt' terug en dat gebeurt dus niet.

Aangezien in het laatste geval er niet te splitten valt op ? zou logischerwijs qpart==0 toch waar zijn?

 | FOK! Schrikkelbaasch

donderdag 30 december 2004 @ 19:05:19 #48

SuperRembo

Sinds 1998

Nee. Als je 'foo' split op '?' dan krijg je een array met 1 element, namelijk 'foo'.

FOK!-Schrikkelbaas donderdag 30 december 2004 @ 19:35:53 #49

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 30 december 2004 19:05 schreef SuperRembo het volgende:
Nee. Als je 'foo' split op '?' dan krijg je een array met 1 element, namelijk 'foo'.

Ik heb me de tering gezocht

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas vrijdag 31 december 2004 @ 13:22:30 #50

Swetsenegger

Egocentrische Narcist

waarom wordt dit in FF 1.0 geen klikbare link (juiste tekst staat er wel, ook onderstreept als zijnde een url, maar klikken gaat niet) en onder IE wel?

1	<script type="text/javascript">document.write('<a class="twee" href="status1.htm?link=' + language + '" target="iframe">' + (showText(0)) +'</a>')</script>

 | FOK! Schrikkelbaasch

vrijdag 31 december 2004 @ 16:02:10 #51

_Jeffrey_

Hier in FF 1.0 werkt het gewoon goed.
Misschien staat er een layer over de link heen ofzo? heb je een online voorbeeldje?

vrijdag 31 december 2004 @ 16:04:14 #52

mschol

tvp nog een dummies reeks

vrijdag 31 december 2004 @ 16:25:21 #53

Arjan321

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

Swetsenegger

Egocentrische Narcist

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

vrijdag 31 december 2004 @ 18:59:53 #55

_Jeffrey_

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

vrijdag 31 december 2004 @ 19:04:09 #56

Arjan321

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?

vrijdag 31 december 2004 @ 19:06:12 #57

_Jeffrey_

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 ]

vrijdag 31 december 2004 @ 19:24:23 #58

Arjan321

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

Swetsenegger

Egocentrische Narcist

Is er een javascript equivalent van php's htmlentities?

 | FOK! Schrikkelbaasch

donderdag 13 januari 2005 @ 17:47:07 #60

RM-rf

1/998001

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

Swetsenegger

Egocentrische Narcist

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

vrijdag 14 januari 2005 @ 23:39:22 #62

mschol

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

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)

zaterdag 15 januari 2005 @ 15:43:49 #63

daReaper

- dubbel -

Trotse poster van het 37000000ste bericht ^O^

zaterdag 15 januari 2005 @ 15:46:51 #64

daReaper

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^

zaterdag 15 januari 2005 @ 17:44:04 #65

SuperRembo

Sinds 1998

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';
}

vrijdag 21 januari 2005 @ 16:32:42 #66

Heliospan

(-_-)

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

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

vrijdag 21 januari 2005 @ 17:12:49 #67

Arjan321

Disabled is niet een eigenschap van style, dus style weghalen en eht zal werken

1	document.getElementById(elID).disabled

Waar zijn aanbiedingen?

vrijdag 21 januari 2005 @ 17:13:21 #68

daReaper

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

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^

vrijdag 21 januari 2005 @ 17:22:29 #69

Heliospan

(-_-)

Ach, ik ben zo achterlijk af en toe

Bedankt beide!

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

vrijdag 21 januari 2005 @ 17:58:25 #70

Heliospan

(-_-)

Om nog even verder te borduren op hetzelfde probleem:

1
2
3
4
5
6
7
8
9

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

vrijdag 21 januari 2005 @ 19:01:19 #71

SuperRembo

Sinds 1998

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

vrijdag 21 januari 2005 @ 19:12:38 #72

Heliospan

(-_-)

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

vrijdag 21 januari 2005 @ 19:41:51 #73

Arjan321

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?

vrijdag 21 januari 2005 @ 19:51:49 #74

daReaper

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^

vrijdag 21 januari 2005 @ 20:21:10 #75

SuperRembo

Sinds 1998

Daar hoort natuurlijk ook de Webdeveloper Toolbar bij

FOK!-Schrikkelbaas zaterdag 22 januari 2005 @ 18:46:37 #76

Swetsenegger

Egocentrische Narcist

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

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

Swetsenegger

Egocentrische Narcist

 | FOK! Schrikkelbaasch

zondag 23 januari 2005 @ 11:47:19 #78

SuperRembo

Sinds 1998

Met niet-animated gifjes werkt het wel goed. Het is dus een bug in FireFox

Gefeliciteerd met je vondst

zondag 23 januari 2005 @ 12:58:54 #79

Arjan321

https://bugzilla.mozilla.org/show_bug.cgi?id=266210 dus hè

Waar zijn aanbiedingen?

zondag 23 januari 2005 @ 14:21:55 #80

SuperRembo

Sinds 1998

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.

zondag 23 januari 2005 @ 15:23:12 #81

jeroen-heeft-koffie-nodig

Moderator

tvpppppppppppppppp

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

zondag 23 januari 2005 @ 15:42:45 #82

Arjan321

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

Waar zijn aanbiedingen?

zondag 23 januari 2005 @ 19:18:00 #83

SuperRembo

Sinds 1998

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>

FOK!-Schrikkelbaas zondag 23 januari 2005 @ 19:39:13 #84

Swetsenegger

Egocentrische Narcist

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

Swetsenegger

Egocentrische Narcist

Andere vraag. Bestaat er een DHTML mogelijkheid om div's te roteren?

Op google vind ik nietecht een oplossing

 | FOK! Schrikkelbaasch

maandag 24 januari 2005 @ 14:16:30 #86

RM-rf

1/998001

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

Swetsenegger

Egocentrische Narcist

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

maandag 24 januari 2005 @ 15:40:57 #88

RM-rf

1/998001

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

Swetsenegger

Egocentrische Narcist

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

maandag 24 januari 2005 @ 16:06:33 #90

Arjan321

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

Swetsenegger

Egocentrische Narcist

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

donderdag 27 januari 2005 @ 01:40:41 #92

Chandler

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...

donderdag 27 januari 2005 @ 10:26:06 #93

daReaper

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^

donderdag 27 januari 2005 @ 10:32:38 #94

Chandler

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...

donderdag 27 januari 2005 @ 10:41:57 #95

RM-rf

1/998001

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

donderdag 27 januari 2005 @ 22:46:26 #96

markiemark

FR 1908

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..

vrijdag 28 januari 2005 @ 10:11:41 #97

Arjan321

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

Swetsenegger

Egocentrische Narcist

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

vrijdag 28 januari 2005 @ 11:36:24 #99

Chandler

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...

vrijdag 28 januari 2005 @ 12:02:44 #100

Roonaan

Strictly

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

vrijdag 28 januari 2005 @ 12:03:57 #101

Roonaan

Strictly

quote:
Op vrijdag 28 januari 2005 11:36 schreef Chandler het volgende:
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?)

Als je als laatste element in de font-family, ofwel serif, danwel sans-serif geeft, werkt het op zich in elke browser natuurlijk (serif, zijn lettertypen met een aanhangseltje aan de pootjes van de letters)

vrijdag 28 januari 2005 @ 12:04:25 #102

Arjan321

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.

1
2
3
4
5
6

Probeer dat maar

Dus een unieke ID aan de submit knoppen, en dan focussen als de input geblurd ( O_O ) wordt..

Waar zijn aanbiedingen?

vrijdag 28 januari 2005 @ 12:06:19 #103

Roonaan

Strictly

quote:
Op vrijdag 28 januari 2005 12:04 schreef Arjan321 het volgende:

[..]
[ code verwijderd ]

Probeer dat maar Dus een unieke ID aan de submit knoppen, en dan focussen als de input geblurd ( O_O ) wordt..

Gebruik dan de crossbrowser versie:

1
2
3
4
5
6

vrijdag 28 januari 2005 @ 12:22:10 #104

Chandler

quote:
Op vrijdag 28 januari 2005 12:03 schreef Roönaän het volgende:

[..]

Als je als laatste element in de font-family, ofwel serif, danwel sans-serif geeft, werkt het op zich in elke browser natuurlijk (serif, zijn lettertypen met een aanhangseltje aan de pootjes van de letters)

Nee dat bedoel ik niet geheel, meer in de zin welke font's wel of niet aanwezig zijn op de meeste systemen.

Ik heb nu in mijn javascriptje de volgende mogelijkheden.

1
2
3
4

    var fonts = new Array("Arial",
                          "Helvetica",
                          "Times New Roman",
                          "Verdana");

Maar zijn er meer mogelijkheden?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

FOK!-Schrikkelbaas vrijdag 28 januari 2005 @ 12:36:27 #105

Swetsenegger

Egocentrische Narcist

Roonaan en Arjan321 bedankt.

Jullie oplossingen werken, wanneer ik met een tab verspring bv. maar wanneer ik wat in het veld invul en 'enter' druk wordt nog steeds submit knop 1 gebruikt ipv submitknop 2.

 | FOK! Schrikkelbaasch

vrijdag 28 januari 2005 @ 13:14:06 #106

Roonaan

Strictly

Je kan nog op zich onkeypress="this.onchange();" toevoegen.

FOK!-Schrikkelbaas vrijdag 28 januari 2005 @ 13:16:19 #107

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 28 januari 2005 13:14 schreef Roönaän het volgende:
Je kan nog op zich onkeypress="this.onchange();" toevoegen.

Bedankt!

 | FOK! Schrikkelbaasch

vrijdag 28 januari 2005 @ 13:35:45 #108

Arjan321

quote:
Op vrijdag 28 januari 2005 12:06 schreef Roönaän het volgende:

[..]

Gebruik dan de crossbrowser versie:
[ code verwijderd ]

Het is crossbrowser.. het zal wellicht niet werken in de antieke browsers (versies <= 5), maar dat is niet mijn fout

Waar zijn aanbiedingen?

vrijdag 28 januari 2005 @ 13:58:56 #109

Chandler

Nu nog misschien een simpel vraagje, ik open m.b.v javascript nieuwe schermen en schrijf uit functies die ik in het hoofddocument heb de inhoud van deze schermen.. (venster.document.write('blaat'))

enzo... nu wil ik weten of het ook mogelijk is om vanuit het nieuwe scherm functies te benutten van onderliggende code? dus vanuit de opener? zo ja is er referentie materiaal? ik heb helaas niets kunnen vinden...

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 28 januari 2005 @ 14:07:23 #110

Roonaan

Strictly

@Arjan321. "Niet mijn foutzorg". Het is altijd de webdevelopers' fout namelijk.

@Chandler: window.opener.functienaam();

vrijdag 28 januari 2005 @ 14:08:22 #111

Chandler

@Roonaan; dat het zo simpel kon zijn

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 28 januari 2005 @ 14:14:51 #112

Chandler

Roonaan

Mijn kleine UBB Editor is aardig op weg naar een mini successie voor de ikke, mijn eerst geschreven UBB editor (zelf dan wel te verstaan hé

) met hulp van jullie experts!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 28 januari 2005 @ 16:37:39 #113

markiemark

FR 1908

nog steeds even dat van mn vorige post... over het optellen van waarden in een array, ik denk dat ik er aardig uit ben gekomen na de post van Arjan 321, maar het werkt nog steeds niet zoals ik zou willen... ik heb nu dit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

maar dat wil niet werken, als ik hem echo met document.write, komt er een nogal vaag getal uit:

NaN1.999.990.89undefined

weet dat het iets te maken heeft met Not a number, maar wat....

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zaterdag 29 januari 2005 @ 11:52:01 #114

Chandler

Ik heb even mijn UBB Editor door de w3c validation service heen gehaald en krijg wat kleine error m.b.t mijn javascript source!

Iemand die hier wat op weet?

nou even door de w3c validator heen gehaal en wat kleine foutjes er uit gehaald maar blijft zelfs op mijn javascript hangen

http://validator.w3.org/check?uri=http%3A%2F%2Fupload.bruggema.nl%2Ffiles%2Findex.html&charset=%28detect+automatically%29&doctype=%28detect+automatically%29

En ik heb wat anders.

Ik heb de volgende functie

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

vervangen door

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

deze werkt beter met MOZILLA maar zit nu nog steeds met de volgende functie die problemen geeft.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

deze is echter alleen IE only

en dit zou ook moeten kunnen werken in Mozilla (hoop ik, iemand een suggestie?)

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 29 januari 2005 @ 16:57:24 #115

Chandler

Niemand een idee? ik kom er echt niet meer uit

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 29 januari 2005 @ 20:42:22 #116

markiemark

FR 1908

probleem heb ik ook..

en niemand reagaert...

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zaterdag 29 januari 2005 @ 21:10:17 #117

SuperRembo

Sinds 1998

Zet je javascript in een externe file en de validator zeurt nergens mee over.

Heb je voor die selection al gekeken hoe 't bij de (ex-)buren werkt?

zaterdag 29 januari 2005 @ 21:19:59 #118

Chandler

haha true true SuperRembo, maar nog niet de crossbrouwser oplossing

ennuh ik ben daar niet gewenst

b.t.w

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 29 januari 2005 @ 21:28:03 #119

SuperRembo

Sinds 1998

quote:
Op vrijdag 28 januari 2005 16:37 schreef markiemark het volgende:
nog steeds even dat van mn vorige post... over het optellen van waarden in een array, ik denk dat ik er aardig uit ben gekomen na de post van Arjan 321, maar het werkt nog steeds niet zoals ik zou willen... ik heb nu dit:
[ code verwijderd ]

maar dat wil niet werken, als ik hem echo met document.write, komt er een nogal vaag getal uit:

NaN1.999.990.89undefined

weet dat het iets te maken heeft met Not a number, maar wat....

Je eerste loop gaat van 1 t/m prod, je tweede loop gaat van 0 t/m prod.
Dat verklaart de eerste NaN.
Ik denk dat het laatse element niet bastaat en dat je daarom die laatste undefined krijgt.

zaterdag 29 januari 2005 @ 21:31:52 #120

SuperRembo

Sinds 1998

quote:
Op zaterdag 29 januari 2005 21:19 schreef Chandler het volgende:
haha true true SuperRembo, maar nog niet de crossbrouwser oplossing ennuh ik ben daar niet gewenst b.t.w

Beetje vreemde error die je in je editor in FF krijgt.
"ShowPanel is undefinded" terwijl er toch echt een "function ShowPanel(...)" bestaat. Ik zie ook niet dat ie ergens overschreven wordt

zaterdag 29 januari 2005 @ 21:43:19 #121

Chandler

huh? hmm, ik had um nog niet in FF geprobeerd maaruh waardoor zou dat kunnen komen?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 29 januari 2005 @ 21:54:00 #122

Chandler

ps.. ik heb al wat foutjes gefixt, kwam door die (char) oftewel een reserved word...

1
2
3

Error: document.getElementById("fontSize") has no properties
Source File: http://localhost/littleeditor/editor#
Line: 156

en lijn 156 =

1
2
3
4
5
6

<?php
156    if (document.getElementById('fontSize').value)
157    {
158        document.getElementById('previewFont').style.fontSize   = document.getElementById('fontSize').value + "pt";
159    }
?>

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 29 januari 2005 @ 22:01:39 #123

markiemark

FR 1908

ik heb nog even zitten proberen, en zitten nadenken en zo...

maar mijn optel som werkt nog steeds niet...

volgens mij heb ik de array niet eens nodig, en kan ik het af met de for loop, ik doe het nu dus op de volgende manier, maar werken ho maar...

:(

1
2
3
4
5
6
7
8
9
10
11

function calc_totaal(prods)
   {
      var prods = eval(prods);
      var totaal = eval(0);
         for (var i=1; i<=prods; i++)
            {
               totaal += eval(document.getElementById('bedrag'+prods).value);
            }
   document.write(totaal);

   }

hij write een heel vaag cijfer op het scherm wat nergens op slaat... iemand een idee

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zaterdag 29 januari 2005 @ 22:09:01 #124

Chandler

waarom eval? eval is toch te gebruiken om code te compileren? gewoon zonder eval moet het werken!.

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 29 januari 2005 @ 22:09:32 #125

SuperRembo

Sinds 1998

Vervang "prods" door "i" op regel 7.

zaterdag 29 januari 2005 @ 22:42:02 #126

Chandler

idd

wat een simpele eingelijk

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 13:56:03 #127

markiemark

FR 1908

quote:
Op zaterdag 29 januari 2005 22:42 schreef Chandler het volgende:
idd wat een simpele eingelijk

ja idd, het werkt nu, TE simpel eigenlijk....

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zondag 30 januari 2005 @ 15:27:05 #128

Chandler

ach zo leer je weer hé..

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 15:36:53 #129

Chandler

Weet iemand hoe ik een gedeelte van een string kan verwijderen (tegebruiken voor CUT), ik heb copy en paste reeds werkend voor IE & Moz

(bestaande source

)

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 15:54:04 #130

markiemark

FR 1908

weet iemand hoe ik goed kan afronden? ik doe het nu zo, maar dat gaat niet... ik blijf lange getallen houden... (1.29999999999) ipv 1.29
ik doe het nu hier mee

1	var totaal = eval((totaal * 100) / 100);

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zondag 30 januari 2005 @ 15:55:23 #131

Monidique

round()?

zondag 30 januari 2005 @ 15:58:18 #132

Chandler

markiemark toch

, dat had je zelfs uit de referentie kunne halen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 16:02:01 #133

markiemark

FR 1908

is het round? weet wel dat ie in php werkt, maar ik zocht in mn digitale gedo... kochte php bible (stond op cdtje bij het boek ;-) en daar vond ik niks met round, neem aan dat ie hetzelfde werkt als bij php? ik probeer even

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zondag 30 januari 2005 @ 16:03:51 #134

Chandler

van proberen doe je leren

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 16:56:52 #135

SuperRembo

Sinds 1998

quote:
Op zondag 30 januari 2005 15:36 schreef Chandler het volgende:
Weet iemand hoe ik een gedeelte van een string kan verwijderen (tegebruiken voor CUT), ik heb copy en paste reeds werkend voor IE & Moz (bestaande source )

s = s.substring(0, index) + s.substring(index+length, s.length);

toch?

zondag 30 januari 2005 @ 17:07:32 #136

Chandler

dan doel je met index op de begin pointer?

ik wil met getSelection(); de text ophalen en deze verwijderen, zoals in php mogelijk is met str_replace(van, naar, $str);

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 17:40:25 #137

_Jeffrey_

str = str.replace(/De tekst/g, 'vervanging');

zondag 30 januari 2005 @ 19:15:26 #138

Chandler

1
2
3

    var str = document.forms['textform'].elements['text'].value;
    str.replace('/' + getSelected() + '/g', 'ttt');
    document.forms['textform'].elements['text'].value = str;

dit werkt helaas niet

krijg ook geen foutmelding en ttt is als voorbeeld..

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 30 januari 2005 @ 19:58:40 #139

SuperRembo

Sinds 1998

String.replace lijkt me hier niet geschikt. Als de tekst die je geselecteerd hebt meerdere keren voorkomt, dan gaat het mis.

zondag 30 januari 2005 @ 20:39:25 #140

Chandler

idd daar heb je gelijk... maar dan moet ik uitvinden waar selected text begint en eindigd

en dat is ook niet zo gemakkelijk

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 31 januari 2005 @ 09:35:51 #141

Roonaan

Strictly

quote:
Op zondag 30 januari 2005 20:39 schreef Chandler het volgende:
idd daar heb je gelijk... maar dan moet ik uitvinden waar selected text begint en eindigd en dat is ook niet zo gemakkelijk

Moet je heel even quietguy aanschieten, daar had ik soortgelijks een tijd terug voor uitgezocht, weet alleen niet meer waar, en de search is niet al te behulpzaam moet ik zeggen..

maandag 31 januari 2005 @ 10:14:34 #142

RM-rf

1/998001

quote:
Op zondag 30 januari 2005 16:02 schreef markiemark het volgende:
is het round? weet wel dat ie in php werkt, maar ik zocht in mn digitale gedo... kochte php bible (stond op cdtje bij het boek ;-) en daar vond ik niks met round, neem aan dat ie hetzelfde werkt als bij php? ik probeer even

ehm, php en javascript hebben niks met elkaar gemeen, vergeet dat alsjeblieft.

javascript (officieel ECMA-script, naar de ECMA-262-standaard: http://www.ecma-internati(...)ecma-st/ECMA-262.pdf ) is een object-georienteerde taal :
hierin kan je werken met verschillende objecten, neem bv het standard Date-object, of in jouw geval het Math-object:
methoden als Math.round() of Math.ceil() bieden je de mogelijkheid om af te ronden, eventueel kun je echter ook in dit geval parseFloat( intergerVariabele, 2) gebruiken.

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

maandag 31 januari 2005 @ 11:03:55 #143

markiemark

FR 1908

quote:
Op maandag 31 januari 2005 10:14 schreef RM-rf het volgende:

[..]

ehm, php en javascript hebben niks met elkaar gemeen, vergeet dat alsjeblieft.

ik begrijp wat je bedoeld, wat ik probeerde te zeggen was dat php en javascript e.e.a. gemeen hebben, in ieder geval zijn er een aantal functies gelijk aan elkaar (of bijna dan.. ) Maar met Math.round ben ik er wel uit gekomen!
Ik ben pas net begonnen met javascript en het lukt me al aardig om er wat dingetjes mee te maken, ik kwam er achter dat een aantal functies van JS hetzelfde werken als de functies bij PHP, vandaar.
Maar in ieder geval bedankt voor je antwoord! Ik ga de andere optie ook proberen.. Maakt het nog veel uit voor de performance?

[ Bericht 0% gewijzigd door markiemark op 31-01-2005 11:11:35 ]

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

maandag 31 januari 2005 @ 11:56:01 #144

QuietGuy

opscheppende pats-nerd

quote:
Op zondag 30 januari 2005 20:39 schreef Chandler het volgende:
idd daar heb je gelijk... maar dan moet ik uitvinden waar selected text begint en eindigd en dat is ook niet zo gemakkelijk

In een textarea? Zie Firefox en getSelection() uit <textarea> ?!?

maandag 31 januari 2005 @ 12:15:35 #145

Chandler

Tnx Q (en natuurlijk Roonaan!)

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 31 januari 2005 @ 12:42:37 #146

daReaper

Zo simpel, maar ik kijk er vast overheen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<div><input checked="checked" type="checkbox" name="cookie"
  onclick="document.getElementById('autologout').style.display=this.checked?'visible':'blocked';"/>
  <span>Inloggen met een cookie</span>
</div>
<div id="autologout">Automatisch uitloggen na
  <select name="logintime">
    <option value="10">10 minuten</option>
    <option value="30">30 minuten</option>
    <option value="60">een uur</option>
    <option value="360">een dag</option>
    <option value="10080">een week</option>
     <option value="0">nooit</option>
  </select>
</div>

ik krijg in IE de error "kan de eigenschap display niet opvragen. Ongeldig argument"
iemand enig idee? Ik weet vrij zeker dat het echt een hele stomme fout is...

Trotse poster van het 37000000ste bericht ^O^

maandag 31 januari 2005 @ 12:50:32 #147

daReaper

quote:
Op maandag 31 januari 2005 12:42 schreef daReaper het volgende:
Zo simpel, maar ik kijk er vast overheen:
[ code verwijderd ]

ik krijg in IE de error "kan de eigenschap display niet opvragen. Ongeldig argument"
iemand enig idee? Ik weet vrij zeker dat het echt een hele stomme fout is...

1	'visible':'blocked'

hoe kom ik er op

1	'block':'none'

natuurlijk!!!

* daReaper slaps self

Trotse poster van het 37000000ste bericht ^O^

maandag 31 januari 2005 @ 13:46:20 #148

_Jeffrey_

[edit]
Laat maar, niet goed gelezen.

dinsdag 1 februari 2005 @ 11:46:06 #149

Chandler

ff snel.

ik heb de volgende code maar als er niets in ingevuld is in de pulldown krijg ik hierop een error

1
2
3
4
5

    if (document.getElementById('fontSize'))
    {
        document.getElementById('previewFont').style.fontSize   =
        document.getElementById('fontSize').value + "pt";
    }

iemand een idee

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 februari 2005 @ 11:56:22 #150

Roonaan

Strictly

FF is vrij specifiek in zijn foutmeldingen. Welke regel?

dinsdag 1 februari 2005 @ 12:01:45 #151

Chandler

alles tussen { } staat normaal op regel 156

Error alleen in IE, in FF geeft ie helemaal niets..

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 februari 2005 @ 12:05:11 #152

Chandler

alles tussen de {} is de error, maaruh ff geeft zelfs helemaal geen error, dit is een IE iets..

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 februari 2005 @ 12:08:59 #153

Roonaan

Strictly

je zou in die if misschien even kunnen dubbelchecken of previewfont bestaat, maar anders weet ik het ook niet.

dinsdag 1 februari 2005 @ 12:13:44 #154

Chandler

Hoe kan ik checken of ie bestaat dan? want dat zou het kunnen zijn

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 februari 2005 @ 12:22:05 #155

Roonaan

Strictly

if(document.getElementById('previewFont') && document.getElementById('fontSize'))

btw. waarom gebruik je niet gewoon document.forms.formname.fontSize.value?

-r-

dinsdag 1 februari 2005 @ 12:23:57 #156

Chandler

kweet niet, is dat dan gemakkelijker te gebruiken ? of zitten daar voordelen aan?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 februari 2005 @ 12:26:40 #157

Roonaan

Strictly

werkt ook in oudere browsers. getElementById is nog niet overal ondersteund.

dinsdag 1 februari 2005 @ 12:30:31 #158

QuietGuy

opscheppende pats-nerd

quote:
Op dinsdag 1 februari 2005 12:26 schreef Roönaän het volgende:
werkt ook in oudere browsers. getElementById is nog niet overal ondersteund.

Daar heb ik een workaround voor gemaakt ooit. Een fetchElementById die in alle browsers werkt. Zou ik vanavond op kunnen zoeken...

dinsdag 1 februari 2005 @ 12:53:36 #159

Roonaan

Strictly

quote:
Op dinsdag 1 februari 2005 12:30 schreef QuietGuy het volgende:

[..]

Daar heb ik een workaround voor gemaakt ooit. Een fetchElementById die in alle browsers werkt. Zou ik vanavond op kunnen zoeken...

eenvoudigste is dit:

1
2
3
4

if(!document.getElementById)
{
if(document.all) document.getElementById = function(id) {return eval("document.all."+id);}
}

dinsdag 1 februari 2005 @ 14:30:16 #160

Chandler

inderdaad dat is ook een manier, dus dan maakt het niet uit of je document.forms.formname.fontSize.value gebruikt of niet

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 2 februari 2005 @ 14:08:23 #161

Chandler

Ik heb ps zelf de copy en paste routine verwijderd; dit leverde teveel problemen op en eingelijk zag ik het nu er ook niet van.

Mijn eerste beta editor te zien @ http://editor.bruggema.nl/editor.html

Gaarne bugs melden zodat ik ze kan oplossen, ennuh misschien nog tips? ik wil eingelijk alle onderliggende code converteren naar 'javascript' zodat ik eingelijk alleen maar een textarea hoef neer te zetten en klaar is keez.

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 2 februari 2005 @ 18:20:55 #162

SuperRembo

Sinds 1998

Firefox 1.0

Bij een selectie die begint bij de eerste letter gebeurt er niets

Font werkt niet (wel mooie dropdown

)

Link/email/image werkt niet

Charactermap werkt wel maar is veel te breed.

Charactermap insert alleen aan 't eind van de hele tekst

IE6

Bij een selectie buiten de textarea wordt ook gereplaced. Leuk als je een button selecteerd

Bij eerste keer font-selectie een error op line 155

Link/email/image werkt niet

Charactermap insert alleen aan 't eind van de hele tekst

Algemeen:

Ik zou link/email scheiden

De selectie blijft niet behouden

Da wassut

woensdag 2 februari 2005 @ 18:26:01 #163

SuperRembo

Sinds 1998

quote:
Op dinsdag 1 februari 2005 12:26 schreef Roönaän het volgende:
werkt ook in oudere browsers. getElementById is nog niet overal ondersteund.

document.getElementById wordt ondersteund door IE5+, FF/Moz, NS6+, Opera6+ (?).
De enkeling die nu nog met NS4 browsed heeft pech. Er is toch echt een eind aan backward compatability.
Daar komt nog bij dat een browser die geen document.getElementById kent waarschijnlijk ook geen CSS ondersteunt. Daar ga je toch ook geen <font>-tags en andere ellende voor gebruiken?

woensdag 2 februari 2005 @ 18:39:40 #164

Chandler

quote:
Op woensdag 2 februari 2005 18:20 schreef SuperRembo het volgende:
Firefox 1.0
Bij een selectie die begint bij de eerste letter gebeurt er niets
** 1e Letter? don't know what you mean?

Font werkt niet (wel mooie dropdown )
** hehe je eigen gekkert maaruh font werkt niet? hier anders wel? Mozilla FF 1.0!

Link/email/image werkt niet
** Errors gevonden?

Charactermap werkt wel maar is veel te breed.
** Huh? vaag, en hoe zou je die liever zien?

Charactermap insert alleen aan 't eind van de hele tekst
** Hmm, dus ook midden en vooraan? of hoe had je dat graag gezien?

IE6
Bij een selectie buiten de textarea wordt ook gereplaced. Leuk als je een button selecteerd
** idd ik weet nog niet hoe ik dat moet voorkomen zei Sop ook al

Bij eerste keer font-selectie een error op line 155
** Ja en waar die fout nou zit? unknown!

Link/email/image werkt niet
** Hier wel? vaagjes

Charactermap insert alleen aan 't eind van de hele tekst
** Zelfde iets als FF.

Algemeen:
Ik zou link/email scheiden
** Is een mogelijkheid

De selectie blijft niet behouden
** Hoe bedoel je? ik niet snap
Da wassut

Tnx

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 2 februari 2005 @ 19:10:11 #165

SuperRembo

Sinds 1998

quote:
Op woensdag 2 februari 2005 18:39 schreef Chandler het volgende:

Firefox 1.0
# Bij een selectie die begint bij de eerste letter gebeurt er niets
** 1e Letter? don't know what you mean?

Gewoon, een selectie die begint bij 't begin.

quote:
# Font werkt niet (wel mooie dropdown )
** hehe je eigen gekkert maaruh font werkt niet? hier anders wel? Mozilla FF 1.0!

Dropdown werkt wel, maar er wordt niets gewijzigd in de textarea.

quote:
# Link/email/image werkt niet
** Errors gevonden?

Niet gezocht

quote:
# Charactermap werkt wel maar is veel te breed.
** Huh? vaag, en hoe zou je die liever zien?

# Charactermap insert alleen aan 't eind van de hele tekst
** Hmm, dus ook midden en vooraan? of hoe had je dat graag gezien?

Invoegen op de plaats van de cursor, of selectie overschijven.

quote:
IE6
# Bij een selectie buiten de textarea wordt ook gereplaced. Leuk als je een button selecteerd
** idd ik weet nog niet hoe ik dat moet voorkomen zei Sop ook al

# Bij eerste keer font-selectie een error op line 155
** Ja en waar die fout nou zit? unknown!

# Link/email/image werkt niet
** Hier wel? vaagjes

# Charactermap insert alleen aan 't eind van de hele tekst
** Zelfde iets als FF.

Algemeen:
# Ik zou link/email scheiden
** Is een mogelijkheid

# De selectie blijft niet behouden
** Hoe bedoel je? ik niet snap

O, in IE werkt 't wel. Maar in FF ben je je selectie kwijt. Die moet je zelf in JS terugzetten.

quote:
Da wassut

Tnx

woensdag 2 februari 2005 @ 21:37:09 #166

Tomek

Take on the world!

Chandler kun je mij misschien vertellen hoe je zeg maar bijvoorbeeld invoegt in die textarea op de plaats waar de cursor staat. Ik krijg alleen voor elkaar dat hij aan het eind komt te staan, met een + zegmaar. Ik ben namelijk een ontiechelijke javascript noob

ik gebruik zeg maar dit: onclick="document.form.tekstveld.value +='hoi';"

woensdag 2 februari 2005 @ 22:07:37 #167

Roonaan

Strictly

quote:
Op woensdag 2 februari 2005 21:37 schreef Tomek het volgende:
Chandler kun je mij misschien vertellen hoe je zeg maar bijvoorbeeld invoegt in die textarea op de plaats waar de cursor staat. Ik krijg alleen voor elkaar dat hij aan het eind komt te staan, met een + zegmaar. Ik ben namelijk een ontiechelijke javascript noob

ik gebruik zeg maar dit: onclick="document.form.tekstveld.value +='hoi';"

Heb je al "view source" geprobeerd, of wacht je gewoon tot het antwoord aan komt waaien?

woensdag 2 februari 2005 @ 22:24:43 #168

Tomek

Take on the world!

quote:
Op woensdag 2 februari 2005 22:07 schreef Roönaän het volgende:

[..]

Heb je al "view source" geprobeerd, of wacht je gewoon tot het antwoord aan komt waaien?

Ja eerlijk gezegd wel. Het heeft ook geen hele hoge prioriteit.
Maar nu je het zegt, iets anders als een kopie uit de source zal ik wel niet als antwoord hoeven verwachten, dus laat ik die source maar eens gaan bekijken

Ik hoop dat ik er iets van snap

woensdag 2 februari 2005 @ 22:40:43 #169

Tomek

Take on the world!

quote:
Op woensdag 2 februari 2005 22:07 schreef Roönaän het volgende:

[..]

Heb je al "view source" geprobeerd, of wacht je gewoon tot het antwoord aan komt waaien?

Overigens vraag ik het die jongen vriendelijk alvorens rustig zijn code te jatten.
Wat ik nu dus al gedaan heb

Chandler als ik je een keer kan helpen met javascript ofzo dan hoor ik het wel hè

donderdag 3 februari 2005 @ 00:04:39 #170

Chandler

quote:
Op woensdag 2 februari 2005 19:10 schreef SuperRembo het volgende:
Gewoon, een selectie die begint bij 't begin.
** Klopt en dat is ook alleen maar in FF? waarom? geen idee, geen error te vinden

Dropdown werkt wel, maar er wordt niets gewijzigd in de textarea.
** Inderdaad, dit is alleen het geval in FF en niet in IE

Niet gezocht
** Tnx

Invoegen op de plaats van de cursor, of selectie overschijven.
** Ja dat gebeurd alleen als je de cursor in FF aan't begin zet dan voegt ie het toe ipv er tussen te zetten

Nog meer

dat selectie probleem kan ik oplossen door verder niet selecteerbaar te maken dan het input form... maar dat komt later

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 3 februari 2005 @ 00:21:37 #171

Chandler

quote:
Op woensdag 2 februari 2005 22:40 schreef Tomek het volgende:
Overigens vraag ik het die jongen vriendelijk alvorens rustig zijn code te jatten.
Wat ik nu dus al gedaan heb

Chandler als ik je een keer kan helpen met javascript ofzo dan hoor ik het wel hè

Het stukje dat je nodig bent vind je tussen de functie insert en natuurlijk het einde van de javascript source van editor en ja je mag het wil rippen want het meeste van die code is verkregen door anderen dus indien je een link maakt naar qg en mijn site hebben wij daar alvast geen problemen mee.

En echt als je de source bekijkt moet je het gewoon opvallen en is dat niet het geval dan raad ik je vrolijk aan om eerst eens een paar beginselen voor html en javascript te gaan leren ( tutorialen) want zelfs ik kan het

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 3 februari 2005 @ 00:25:52 #172

Tomek

Take on the world!

quote:
Op donderdag 3 februari 2005 00:21 schreef Chandler het volgende:
En echt als je de source bekijkt moet je het gewoon opvallen en is dat niet het geval dan raad ik je vrolijk aan om eerst eens een paar beginselen voor html en javascript te gaan leren ( tutorialen) want zelfs ik kan het

Ik heb het al wel draaiende, en ben er ook prima uitgekomen. html / css is allemaal geen probleem (tenminste meestal

), maar javascript heb ik me nog nooit zo in verdiept. Helemaal niet eigenlijk. Ben het wel degelijk van plan; heb de boeken al in huis

Maar toch bedankt

FOK!-Schrikkelbaas zondag 6 februari 2005 @ 20:12:23 #173

Swetsenegger

Egocentrische Narcist

Ik heb een scriptje welke een layer laat scrollen:

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

<html>
<head>

<style type="text/css">

</style>
<script language="javascript" type="text/javascript">
var clipTop = 0;
var clipWidth = 187;
var clipBottom = 450;
var topper = 50;
var lyrheight = 0;
var time,amount,theTime,theHeight,DHTML;
function init()
{
   DHTML = (document.getElementById || document.all || document.layers)
   if (!DHTML) return;
   var x = new getObj('scroll');
   if (document.layers)
   {
      lyrheight = x.style.clip.bottom;
      lyrheight += 20;
      x.style.clip.top = clipTop;
      x.style.clip.left = 0;
      x.style.clip.right = clipWidth;
      x.style.clip.bottom = clipBottom;
   }
   else if (document.getElementById || document.all)
   {
      lyrheight = x.obj.offsetHeight;
      x.style.clip = 'rect('+clipTop+' '+clipWidth+' '+clipBottom+' 0)'
   }
}

function scrollayer(layername,amt,tim)
{
   if (!DHTML) return;
   thelayer = new getObj(layername);
   if (!thelayer) return;
   amount = amt;
   theTime = tim;
   realscroll();
}

function stopScroll()
{
   if (time) clearTimeout(time);
}

function realscroll()
{
   if (!DHTML) return;
   clipTop += amount;
   clipBottom += amount;
   topper -= amount;
   if (clipTop < 0 || clipBottom > lyrheight)
   {
      clipTop -= amount;
      clipBottom -= amount;
      topper += amount;
      return;
   }
   if (document.getElementById || document.all)
   {
      clipstring = 'rect('+clipTop+' '+clipWidth+' '+clipBottom+' 0)'
      thelayer.style.clip = clipstring;
      thelayer.style.top = topper;
   }
   else if (document.layers)
   {
      thelayer.style.clip.top = clipTop;
      thelayer.style.clip.bottom = clipBottom;
      thelayer.style.top = topper;
   }
   time = setTimeout('realscroll()',theTime);
}

function vis(val)

function getObj(name)
{
  if (document.getElementById)
  {
    this.obj = document.getElementById(name);
   this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
    this.obj = document.all[name];
   this.style = document.all[name].style;
  }
  else if (document.layers)
  {
      this.obj = document.layers[name];
      this.style = document.layers[name];
  }
}
</script>
</head>
<body onload="init()">
<div id="scroll">lorum ipsum, lange tekst ofzo
</div>
<a href="#" onmouseover="scrollayer('scroll',5,25)"   onmouseout="stopScroll()">up</a>
<a href="#" onmouseover="scrollayer('scroll',-5,25)"   onmouseout="stopScroll()">down</a>
</body>
</html>

Dit werkt fantastisch, zelfs netjes crossbrowser.
Totdat ik een doctype toevoeg. IE scrollt nog steeds keurig, FF niet.

Ik weet ook waarom dit is, Gecko based browsers accepteren geen values zonder eenheid. Dus moet ik op de juiste plekken px toevoegen.
Maar hoe en waar ik het ook probeer + "px" of gewoon px erachter) het verneukt alleen de werking.

Iemand welke een oplossing weet?

 | FOK! Schrikkelbaasch

zondag 6 februari 2005 @ 20:53:22 #174

Chandler

Ik weet dat <script language="javascript" type="text/javascript"> gewoon <script type="text/javascript"> moet zijn

maar verder kan ik je hier niet mee helpen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 6 februari 2005 @ 21:18:49 #175

SuperRembo

Sinds 1998

Wat doet die "function vis(val)" daar? Ontbreekt er niet iets?

zondag 6 februari 2005 @ 21:25:43 #176

Chandler

Inderdaad of {} er bij of weghalen die hap ?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 6 februari 2005 @ 22:02:03 #177

SuperRembo

Sinds 1998

Fixed

in realscroll():

1
2
3
4
5
6

   if (document.getElementById || document.all)
   {
      clipstring = 'rect('+clipTop+'px '+clipWidth+'px '+clipBottom+'px 0px)';
      thelayer.style.clip = clipstring;
      thelayer.style.top = topper+'px';
   }

Vrij recht toe recht aan eigenlijk.

FOK!-Schrikkelbaas zondag 6 februari 2005 @ 22:54:06 #178

Swetsenegger

Egocentrische Narcist

de visable function is niet nodig, dus die had ik er onvolledig uitgeknipt

Chandler, uiteraard, zelfde gekut met het copy/paste verhaal.

SuperRembo, thanks. Ik zat vlak voor die return te kutten en bij de variabelen

 | FOK! Schrikkelbaasch

maandag 7 februari 2005 @ 01:39:51 #179

daReaper

quote:
Op zondag 6 februari 2005 20:53 schreef Chandler het volgende:
Ik weet dat <script language="javascript" type="text/javascript"> gewoon <script type="text/javascript"> moet zijn maar verder kan ik je hier niet mee helpen

Dat klopt, want dan voldoet hij namelijk aan de W3C standaarden

(en alle browsers snappen het wel)

Trotse poster van het 37000000ste bericht ^O^

maandag 7 februari 2005 @ 02:09:21 #180

Chandler

Woei voor't eerst dat ik eens iets echt goed zie

Jongens ik ga deze shit begrijpen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 8 februari 2005 @ 12:19:58 #181

Chandler

Mensen, me scriptje is bijna netjes af maar nu het volgende.

@ http://editor.bruggema.nl/editor.html

2 bugs
- wanneer je iets invoegt is op eens de cursor verdwenen

kan die als het ware gerestored worden.
- wanneer je niets selecteerd en de pointer staat niet in het textveld wordt alles buiten het 'textveld' ingevuld met waarden?

Iemand suggesties? want ik heb aardig wat zitten klooien maar kom er niet uit.

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 8 februari 2005 @ 12:33:26 #182

Roonaan

Strictly

Die cursor kan je misschien oplossen door de focus op de textarea te brengen. En hoe dat nu zit met het toevoegen van de tags buiten je textarea heb ik geen idee van, maar ook nog niet serieus naar gekeken

FOK!-Schrikkelbaas dinsdag 8 februari 2005 @ 12:48:29 #183

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 8 februari 2005 12:19 schreef Chandler het volgende:
Mensen, me scriptje is bijna netjes af maar nu het volgende.

@ http://editor.bruggema.nl/editor.html

2 bugs
- wanneer je iets invoegt is op eens de cursor verdwenen kan die als het ware gerestored worden.
- wanneer je niets selecteerd en de pointer staat niet in het textveld wordt alles buiten het 'textveld' ingevuld met waarden?

Iemand suggesties? want ik heb aardig wat zitten klooien maar kom er niet uit.

Netjes!

Zoiets heb ik ook nog nodig.
Binnenkort eens aan beginen

 | FOK! Schrikkelbaasch

dinsdag 8 februari 2005 @ 13:03:44 #184

Roonaan

Strictly

quote:
Op dinsdag 8 februari 2005 12:48 schreef Swetsenegger het volgende:

[..]

Netjes!

Zoiets heb ik ook nog nodig.
Binnenkort eens aan beginen

Wat ik tegenwoordig ook steeds vaker zie gebeuren en waar ik op zich wel gecharmeerd van ben is het volgende:
1) Drop ubb.
2) Geef de textarea hetzelfde font + fontcolor als hoe dat de tekst er na formprocessing uit zou zien.
3) Zorg ervoor dat de plek waar de tekst komt dezelfde whitespacing heeft als de textarea.
4) Vervang alleen urls en html en laat voor de rest de tekst as is.

Scheelt ontzettend veel coding, en omdat de tekst in de textarea zo goed als 1 op 1 overkomt in de uiteindelijke weergaven heft dit redelijk de toegevoegde waarde van ubb op wmb.

En de "wil je een afbeelding laten zien? Zet maar een link neer" mentaliteit bevalt me daarin ook wel. Scheelt een boel laadtijd.

dinsdag 8 februari 2005 @ 13:10:00 #185

Chandler

Nou als't af is mag je het gratis en voor niets gebruiken (alleen banner voor me wereldreis site plaatsen!)

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 8 februari 2005 @ 13:28:01 #186

Chandler

quote:
Op dinsdag 8 februari 2005 13:03 schreef Roönaän het volgende:

[..]

Wat ik tegenwoordig ook steeds vaker zie gebeuren en waar ik op zich wel gecharmeerd van ben is het volgende:
1) Drop ubb.
2) Geef de textarea hetzelfde font + fontcolor als hoe dat de tekst er na formprocessing uit zou zien.
3) Zorg ervoor dat de plek waar de tekst komt dezelfde whitespacing heeft als de textarea.
4) Vervang alleen urls en html en laat voor de rest de tekst as is.

Scheelt ontzettend veel coding, en omdat de tekst in de textarea zo goed als 1 op 1 overkomt in de uiteindelijke weergaven heft dit redelijk de toegevoegde waarde van ubb op wmb.

En de "wil je een afbeelding laten zien? Zet maar een link neer" mentaliteit bevalt me daarin ook wel. Scheelt een boel laadtijd.

Kan toch alsnog? met een kleine converter of PHP previewer?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 12 februari 2005 @ 00:51:56 #187

daReaper

quote:
Op dinsdag 8 februari 2005 13:03 schreef Roönaän het volgende:

[..]

Wat ik tegenwoordig ook steeds vaker zie gebeuren en waar ik op zich wel gecharmeerd van ben is het volgende:
1) Drop ubb.
2) Geef de textarea hetzelfde font + fontcolor als hoe dat de tekst er na formprocessing uit zou zien.
3) Zorg ervoor dat de plek waar de tekst komt dezelfde whitespacing heeft als de textarea.
4) Vervang alleen urls en html en laat voor de rest de tekst as is.

Scheelt ontzettend veel coding, en omdat de tekst in de textarea zo goed als 1 op 1 overkomt in de uiteindelijke weergaven heft dit redelijk de toegevoegde waarde van ubb op wmb.

En de "wil je een afbeelding laten zien? Zet maar een link neer" mentaliteit bevalt me daarin ook wel. Scheelt een boel laadtijd.

nog mooier:

[textarea]

---------------

[divje]

op de textarea een onkeyup doen die een functie uitvoert, welke realtime in het divje de uitkomst van je textarea zet

Magoe, niet echt veel nuttiger dan een "Preview" knop ofzo...

Trotse poster van het 37000000ste bericht ^O^

zaterdag 12 februari 2005 @ 10:04:17 #188

Roonaan

Strictly

quote:
Op zaterdag 12 februari 2005 00:51 schreef daReaper het volgende:

[..]

nog mooier:

[textarea]

---------------

[divje]

op de textarea een onkeyup doen die een functie uitvoert, welke realtime in het divje de uitkomst van je textarea zet

Magoe, niet echt veel nuttiger dan een "Preview" knop ofzo...

Tot zover is mijn methode de enige die werkt op browsers zonder javascript of afwijkend DOM model.

-r-

zondag 13 februari 2005 @ 14:02:05 #189

Chandler

SuperRembo en of Roonaan had een tip voor mij om te checken of de 'input' van getSelection van QuietGuy afkomstig is van een 'input' cq 'textveld' hoe doe ik dat/ want ik ben die email of msg kwijt

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 13 februari 2005 @ 14:15:14 #190

Roonaan

Strictly

element.tagName toch?

zondag 13 februari 2005 @ 14:16:04 #191

Roonaan

Strictly

element.tagName toch? of anders gewoon checken op

if(element.value)
{
//het is sowieso een of ander form element
}
else
{
//geen form element.
}

donderdag 17 februari 2005 @ 20:28:28 #192

Joipoidoipoipoi

met broedsel incl. grote zus!

Ik heb een gastenboek gemaakt in PHP en heb daar klikbare smilies bij gemaakt met dit script:

<script>
function smiley() {
return;
}
function Invoegen(Smiley) {
var edit;
var HuidigeTekst = document.formulier.bericht.value;
edit = HuidigeTekst+Smiley+" ";
document.formulier.bericht.value=edit;
document.formulier.bericht.focus();
return;
}
</script>

Nou, dat werkt dus goed, maar nu verschijnen die smilies als je erop klikt alleen maar in het tekstveld met de naam 'bericht' en ik wil dat dat óók werkt bij het tekstveld 'naam', omdat het een soort gastenboekje is voor m'n vrienden en sommige van mijn vrienden hebben een smiley die op hun lijkt

.

Nu heb ik al verschilllende dingen zitten proberen, maar ik krijg het niet voor elkaar, want óf de smilies kwamen alleen nog maar in het tekstveld 'naam' óf als je een smiley aanklikte kwam die smiley in beide tekstvelden (naam, bericht) tegelijk.

En dan had ik nog een vraag, namelijk, als je bijvoorbeeld een tekst typt in het tekstveld 'bericht' en je wilt achteraf nog een smiley toevoegen ergens middenin het bericht door middel van erop te klikken werkt dat niet, want dan komt hij aan het einde van het bericht te staan, ook al heb je je cursor middenin het bericht gezet. Grote kans dat de smiley middenin het bericht plaatsen niet mogelijk is, want ik zie dat dat hier op FOK ook niet kan als je op de smiley klikt.

Alvast bedankt voor de oplossingen

.

[ Bericht 0% gewijzigd door Joipoidoipoipoi op 17-02-2005 20:34:01 ]

"If you don't stop lying about me, I'll start telling the truth about you."

donderdag 17 februari 2005 @ 20:56:32 #193

Joipoidoipoipoi

met broedsel incl. grote zus!

Hmm, die laatste vraag, dat zou dus wel op een of andere manier moeten kunnen, bij FOK werkt het niet, maar ik heb net even gathering.tweakers.net gecheckt en daar kan het dus wel (smiley achteraf ergens middenin het bericht plaatsen als je op de smiley klikt).

"If you don't stop lying about me, I'll start telling the truth about you."

donderdag 17 februari 2005 @ 21:30:52 #194

SuperRembo

Sinds 1998

Dat zit behoorlijk tricky in elkaar. IE en FF werken wat dit betreft compleet anders. Bij IE moet je bijvoorbeeld de selectie bewaren, omdat je die kwijt raakt op het moment dat je op het knopje voor de smiley klikt. Bij FF moet je bijvoorbeeld de scroll positie onthouden en na de aanpassing terugzetten (iets wat in replique ook niet gebeurt).

vrijdag 18 februari 2005 @ 16:24:10 #195

Joipoidoipoipoi

met broedsel incl. grote zus!

quote:
Op donderdag 17 februari 2005 21:30 schreef SuperRembo het volgende:
Dat zit behoorlijk tricky in elkaar. IE en FF werken wat dit betreft compleet anders. Bij IE moet je bijvoorbeeld de selectie bewaren, omdat je die kwijt raakt op het moment dat je op het knopje voor de smiley klikt. Bij FF moet je bijvoorbeeld de scroll positie onthouden en na de aanpassing terugzetten (iets wat in replique ook niet gebeurt).

O.k, dus je bedoelt dat dat een veel te lang script wordt en dat dat dus niet opweegt tegen het nut ervan?

Iemand nog een oplossing voor mijn andere vraag?

Alvast bedankt

.

"If you don't stop lying about me, I'll start telling the truth about you."

maandag 21 februari 2005 @ 16:12:12 #196

Joipoidoipoipoi

met broedsel incl. grote zus!

Even omhoog, misschien dat iemand mij kan helpen?!

"If you don't stop lying about me, I'll start telling the truth about you."

maandag 21 februari 2005 @ 18:35:33 #197

SuperRembo

Sinds 1998

1
2
3
4
5
6

function AppendText(targetId, text) {
   var el = document.getElementById(targetId);
   if (!el) return;
   el.value += text;
   el.focus();
}

1
2
3
4
5

maandag 21 februari 2005 @ 22:19:05 #198

ikke_ook

1
2
3
4
5
6

function showOpm(opm){
document.getElementById(opm).style.display = "block";
}
function hideOpm(opm){
document.getElementById(opm).style.display = "none";
}

Bovenstaande code gebruik ik om een row in een tabel zichtbaar te maken en weer te laten verdwijnen. In IE werkt dit perfect, maar in FireFox werkt de hide functie niet helemaal goed. Hij haalt de tekst die in de betreffende rij staat wel weg, maar hij laat een leeg gapend gat over, dus de rij blijft wel bestaan, of eigenlijk "sluit" de tabel niet meer.. Weet iemand hoe ik dit kan verhelpen?
Bedankt!

Vogelaars.nl

maandag 21 februari 2005 @ 22:38:35 #199

SuperRembo

Sinds 1998

Volgens mij gaat het verbergen wel goed, maar het tonen niet.
De standaard stijl voor een tr is in FF niet 'block', maar 'table-row'. Als je de stijl van een tr op 'block' zet gebeuren er rare dingen. De standaard stijl in IE is wel 'block'. Gelukkig kan je de waarde terugzetten naar de standaard waarde door er een lege string aan toe te kennen.

1
2
3
4
5
6

function showOpm(opm){
document.getElementById(opm).style.display = "";
}
function hideOpm(opm){
document.getElementById(opm).style.display = "none";
}

maandag 21 februari 2005 @ 23:09:47 #200

ikke_ook

Super SuperRembo! Bedankt! Werkt perfect zo!

Vogelaars.nl

dinsdag 22 februari 2005 @ 23:55:07 #201

ikke_ook

Makkelijke vraag denk ik, maar ik ben dan ook een dummy.
Ik heb dit:

1
2
3
4
5

Nu wil ik het graag zo hebben dat als je in het veld klikt dat de bijbehorende radiocheckbox actief wordt.
Bedankt

Vogelaars.nl

woensdag 23 februari 2005 @ 07:26:05 #202

SuperRembo

Sinds 1998

Daar is het label element voor.

woensdag 23 februari 2005 @ 21:14:40 #203

ikke_ook

quote:
Op woensdag 23 februari 2005 07:26 schreef SuperRembo het volgende:
Daar is het label element voor.

Ik kom er totaal niet uit eigenlijk......
Ik zie niet in hoe dat ooit moet gaan werken..... Kan iemand me verder helpen?

Vogelaars.nl

woensdag 23 februari 2005 @ 21:22:04 #204

VeerMans

Nee! Echt?

geef je radiobutton een id en dan onclick="document.getelementbyid("<idradio>").checked=true"
of .style.checked=true

maar iig iets in die richting zou wel moeten werken denk ik

woensdag 23 februari 2005 @ 21:37:18 #205

ikke_ook

Dankje!
het is dit geworden:
onFocus="document.<formname>.<radioid>.checked=true"

Vogelaars.nl

woensdag 23 februari 2005 @ 21:48:47 #206

SuperRembo

Sinds 1998

quote:
Op woensdag 23 februari 2005 21:14 schreef ikke_ook het volgende:

[..]

Ik kom er totaal niet uit eigenlijk......
Ik zie niet in hoe dat ooit moet gaan werken..... Kan iemand me verder helpen?

Je geeft de attribuut for de id van het element waar de label bij hoort.

1
2
3
4
5
6
7
8

<input id="btnColorRed" name="color" type="radio" value="red">
<label for="btnColorRed">Red</label>

<input id="btnColorGreen" name="color" type="radio" value="green">
<label for="btnColorGreen">Green</label>

<input id="btnColorBlue" name="color" type="radio" value="blue">
<label for="btnColorBlue">Blue</label>

En dat werkt ook met andere elementen. En ook als javascript uitgeschakeld staat

donderdag 24 februari 2005 @ 17:35:29 #207

Joipoidoipoipoi

met broedsel incl. grote zus!

quote:
Op maandag 21 februari 2005 18:35 schreef SuperRembo het volgende:

[ code verwijderd ]

[ code verwijderd ]

Bedankt! Ik heb helaas nog geen tijd gehad om het uit te proberen, maar als het gelukt is, post ik het hier .

"If you don't stop lying about me, I'll start telling the truth about you."

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 09:06:02 #208

Swetsenegger

Egocentrische Narcist

Slimme javascripter welke dit script ook voor mozilla kan laten werken?

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

<html><head><body>

<script language="javascript">

   function fadeIn(i,j,fadeObject){
              document.getElementById(fadeObject).filters.alpha.opacity=i;
              i++;

              if (i<j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
          }

   function fadeOut(i,j,fadeObject){
              document[fadeObject].filters.alpha.opacity=i;
              i--;

              if (i>j) setTimeout("fadeOut("+i+","+j+",'"+fadeObject+"')", 0);
          }
</script>

<style type="text/css">
       .button {
           filter:alpha(opacity="30");
           }
</style>

<img src="button.gif" class="button" name="jahoe" onMouseOver="fadeIn(30,100,'jahoe');" onMouseOut="fadeOut(100,30,'jahoe');" width="88" height="31" border="0">

</body>
</html>

-edit-

wat ik overigens al geprobeerd heb:

1
2
3
4
5
6
7
8
9
10
11
12
13

Maar dat gaat niet goed :

quote:
Error: missing name after . operator
Source File: http://localhost/exclusief/index2.php
Line: 18, Column: 66
Source Code:
document.getElementById(fadeObject).filters.alpha.-moz-opacitity=i;

het gaat dus mis bij -moz-opacity.

[ Bericht 15% gewijzigd door Swetsenegger op 02-03-2005 09:23:20 ]

 | FOK! Schrikkelbaasch

woensdag 2 maart 2005 @ 13:04:31 #209

SuperRembo

Sinds 1998

Alleen IE kent filters, in mozilla regel je dat met CSS

1
2
3
4
5

#trans {
   filter:alpha(opacity=50);/* IE */
   -moz-opacity:0.5;/* Moz */
   opacity: 0.5;/* CSS3 */
}

En je moet 't goed spellen, dus niet opacitity

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 13:18:18 #210

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 2 maart 2005 13:04 schreef SuperRembo het volgende:
Alleen IE kent filters, in mozilla regel je dat met CSS
[ code verwijderd ]

En je moet 't goed spellen, dus niet opacitity

Dank je. Ja stiekem wist ik dat. Maar... hoe verwerk ik dit in bovenstaand script?

 | FOK! Schrikkelbaasch

woensdag 2 maart 2005 @ 13:47:38 #211

SuperRembo

Sinds 1998

1 2	var el = document.getElementById(id); el.style.MozOpacity = 0.5;

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 15:09:00 #212

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 2 maart 2005 13:47 schreef SuperRembo het volgende:

[ code verwijderd ]

Zo even kijken!

Ander probleem:

1
2
3
4
5
6
7
8

function slideDown(s){
        if(document.getElementById){
      if(parseInt(obj.style.top) < s){
         obj.style.top = parseInt(obj.style.top) + 2 + "px";
         setTimeout("slideDown(s)",15);
                }
        }
}

Error: s is not defined in setTimeout("slideDown(s)",15);
hoe geef ik die variable s weer mee aan de functie?

-edit-
setTimeout("slideDown("+s+")",15);

[ Bericht 6% gewijzigd door Swetsenegger op 02-03-2005 15:16:44 ]

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 15:22:14 #213

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 2 maart 2005 13:47 schreef SuperRembo het volgende:

[ code verwijderd ]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

error: el has no properties

 | FOK! Schrikkelbaasch

woensdag 2 maart 2005 @ 16:25:13 #214

SuperRembo

Sinds 1998

Ja ehh, dan zal ie fadeObject wel niet gevonden hebben he.

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 17:05:09 #215

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 2 maart 2005 16:25 schreef SuperRembo het volgende:
Ja ehh, dan zal ie fadeObject wel niet gevonden hebben he.

Mjah, dat is dus raar want die functie wordt gewoon met een onmouseover aangeroepen.
In I.E. wordt fadeObject wel gevonden en in ff niet

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 19:57:47 #216

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 2 maart 2005 17:05 schreef Swetsenegger het volgende:

[..]

Mjah, dat is dus raar want die functie wordt gewoon met een onmouseover aangeroepen.
In I.E. wordt fadeObject wel gevonden en in ff niet

Opgelost

De onmouseover had nu name="fadeobject" _{waarbij fadeobject dus een naam is}
en dat werkt niet. met id="fadeobject" doet ie het ook (min of meer) onder FF

 | FOK! Schrikkelbaasch

woensdag 2 maart 2005 @ 20:07:19 #217

SuperRembo

Sinds 1998

Vandaar ook getElementById() en niet getElementByName()

FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 20:17:20 #218

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 2 maart 2005 20:07 schreef SuperRembo het volgende:
getElementByName()

Not a function zegt de javascript console

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 10:22:17 #219

Swetsenegger

Egocentrische Narcist

-edit-

opgelost

[ Bericht 25% gewijzigd door Swetsenegger op 03-03-2005 13:27:34 ]

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 14:21:04 #220

Swetsenegger

Egocentrische Narcist

Ik heb een functie welke onmouse over een div verschuift, gebaseerd op ID.
bij een onmouse out spring ik eerst naar een timer van 500ms. Na die 500ms schuif ik de div weer terug.

krijg ik binnen het verloop van de timer weer een onmouse over reset ik de timer:

1
2
3
4
5
6
7

Dit werkt prima.
Maar wanneer ik nu TWEE verschillende div's uitschuif, dan reset ik bij de onmouse over de timer van de laatste onmouse out en NIET de timer van de div welke ik bedoel.

hoe kan ik de timer functie zo maken dat ik met clearTimeout('div-naam); de timer reset?

 | FOK! Schrikkelbaasch

donderdag 3 maart 2005 @ 18:17:46 #221

SuperRembo

Sinds 1998

Je kan de timers in een globale array zetten met als key de id van de div.

FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 19:26:12 #222

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 3 maart 2005 18:17 schreef SuperRembo het volgende:
Je kan de timers in een globale array zetten met als key de id van de div.

Dat is een goede. Nu ff zoeken hoe ik items aan een array toevoeg in javascript

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 19:56:01 #223

Swetsenegger

Egocentrische Narcist

1
2
3
4
5
6
7
8
9

Dat ik verdorie niet eerder aan een array heb gedacht

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas zaterdag 5 maart 2005 @ 13:46:46 #224

Swetsenegger

Egocentrische Narcist

Kan ik met javascript de hoogte vinden van een div welke geen fixed height heeft?

 | FOK! Schrikkelbaasch

Lieve Belg zaterdag 5 maart 2005 @ 13:53:40 #225

Jump

[Belg.] Jump (de ~ (m.))

quote:
Op zaterdag 5 maart 2005 13:46 schreef Swetsenegger het volgende:
Kan ik met javascript de hoogte vinden van een div welke geen fixed height heeft?

denk wel dat het mogelijk is via getElementById('divid')... en dan iets met Height ofzo. Ben het niet zeker, want heb het nog nooit nodig had

Op zondag 28 oktober 2007 01:07 schreef clumsy_clown het volgende:
Jump daarentegen, is wáy minder braaf en lief dan hij lijkt
          «shmoop|dingen» jawel, jij bent Superjump

zaterdag 5 maart 2005 @ 13:59:34 #226

SuperRembo

Sinds 1998

Natuurlijk kan dat

FOK!-Schrikkelbaas zaterdag 5 maart 2005 @ 14:39:19 #227

Swetsenegger

Egocentrische Narcist

quote:
Op zaterdag 5 maart 2005 13:59 schreef SuperRembo het volgende:
Natuurlijk kan dat

document.getElementById(div).style.height ?

 | FOK! Schrikkelbaasch

zaterdag 5 maart 2005 @ 14:48:53 #228

SuperRembo

Sinds 1998

1
2
3
4
5
6
7

function getWidth(el) {
return el.clientWidth || el.offsetWidth;
}

function getHeight(el) {
return el.clientHeight || el.offsetHeight;
}

Of als je 't wat netter wil doen:

1
2
3
4
5
6
7
8
9

vrijdag 11 maart 2005 @ 18:14:05 #229

Chandler

Vraagje voor de deskundigen! (waaronder SuperRembo).

Een voorbeeld.

Ik heb een tabel die bestaat uit 2 rijen.

1
2
3
4
5

---------
| |     |
|1|  2  |
| |     |
---------

en de breedte van 1 is 100px en van 2 is die 600px.

Nu wil ik dat wanneer er een text in 2 staat die langer is dan 600px er automatisch een balkje komt om de text te scrollen en wanneer deze er niet is dat scroll balkje niet zichtbaar is.

Is dit mogelijk met JS? want volgens mij is dit in HTML niet echt te verwezelijken.

Tnx ppl!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 11 maart 2005 @ 19:00:35 #230

SuperRembo

Sinds 1998

Mag css ook?

1
2
3
4
5
6
7
8
9

.outer {
   width: 600px;
}
.inner {
   width: 100%;
   overflow: auto;
   overflow-y: hidden;/* IE only */
}

Moet mss nog een beetje getweakt worden.

vrijdag 11 maart 2005 @ 19:45:43 #231

Chandler

helaas het werkt niet, ik snap het zelf eingelijk niet waarom niet

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 12 maart 2005 @ 09:19:12 #232

markiemark

FR 1908

1
2
3
4
5
6
7
8
9

<div style="width: 200px; height: 200px; overflow: auto;">
Na php voor dummies wordt het nu tijd voor javascript voor dummies.
Ik ben een absolute leek met javascript, ik jat af en toe wat scripts en snap dan net genoeg om het met wat aanpassingen te kunnen gebruiken, maar wat meer kennis zou makkelijk zijn.

Wat ik wil. Ik wil tijdens het laden van een pagina, sommige elementen (div's) iets later dan de container background div het scherm in schuiven.

Dus het menu (bv) zie je de pagina inscrollen)
Iemand hints en tips om dit te realiseren? Met welke eventhandler pak ik dit aan en is het uberhaupt mogelijk?
</div>

dat moet werken hoor!! het moet dus met css en niet met javascript..

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 16:46:47 #233

Swetsenegger

Egocentrische Narcist

Ik zoek een javascript welke uiteraard realtime de verlopen tijd tussen een opgegeven datum en tijd tot *nu* toont.

Ik vind wel diverse van die scripts, maar die tellen bij de opgegeven datum vanaf 0.00

Zelf dacht ik heel simpel met de epoch te kunnen rekenen, maar daar kom ik niet uit.
Iemand een mooie link naar zo'n scriptje?

 | FOK! Schrikkelbaasch

vrijdag 18 maart 2005 @ 17:00:36 #234

QuietGuy

opscheppende pats-nerd

quote:
Op vrijdag 18 maart 2005 16:46 schreef Swetsenegger het volgende:
Ik zoek een javascript welke uiteraard realtime de verlopen tijd tussen een opgegeven datum en tijd tot *nu* toont.

Ik vind wel diverse van die scripts, maar die tellen bij de opgegeven datum vanaf 0.00

Zelf dacht ik heel simpel met de epoch te kunnen rekenen, maar daar kom ik niet uit.
Iemand een mooie link naar zo'n scriptje?

Je krijgt het wel voor elkaar om 2 date()-objecten aan te maken, welke je wilt vergelijken?

FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 17:20:29 #235

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 18 maart 2005 17:00 schreef QuietGuy het volgende:

[..]

Je krijgt het wel voor elkaar om 2 date()-objecten aan te maken, welke je wilt vergelijken?

ehmz.

help me ff op weg getTime()?

 | FOK! Schrikkelbaasch

vrijdag 18 maart 2005 @ 17:25:42 #236

QuietGuy

opscheppende pats-nerd

quote:
Op vrijdag 18 maart 2005 17:20 schreef Swetsenegger het volgende:

[..]

ehmz.

help me ff op weg getTime()?

Heb je al een stukje html? Scheelt me een hoop tijd

FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 17:28:30 #237

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 18 maart 2005 17:25 schreef QuietGuy het volgende:

[..]

Heb je al een stukje html? Scheelt me een hoop tijd

Ik heb 'm al.
Heb die functie verbouwd welke vanaf een datum 0.00 tot nu telt (gewoon het aantal uren en minuten waar vanaf IK wil tellen eraf getrokken

)

 | FOK! Schrikkelbaasch

vrijdag 18 maart 2005 @ 17:32:23 #238

QuietGuy

opscheppende pats-nerd

quote:
Op vrijdag 18 maart 2005 17:28 schreef Swetsenegger het volgende:
[..]
Ik heb 'm al.
Heb die functie verbouwd welke vanaf een datum 0.00 tot nu telt (gewoon het aantal uren en minuten waar vanaf IK wil tellen eraf getrokken )

Heb je een linkje?

FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 17:33:42 #239

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 18 maart 2005 17:32 schreef QuietGuy het volgende:

[..]

Heb je een linkje?

www.rickpeinemann.nl

Het is wel een smerig script trouwens

Vanavond wel ff goed in zoeken, maar dit moest ff

 | FOK! Schrikkelbaasch

maandag 21 maart 2005 @ 16:32:15 #240

Roonaan

Strictly

What am I missing here? (Ik zoek niet zozeer naar varianten op dit thema, maar meer naar wat ik gewoon over het hoofd zie in dit script.)

Het spreek voor zich denk ik:

1
2
3
4
5
6
7
8
9
10
11

<html>
  <head>
    <style type="text/css">
      body.noload div#loading {background:red;}
      body.load   div#loading {background:green;}
    </style>
  </head>
  <body class="load" onload="this.className='noload';">
    <div id="loading">Loading</div>
  </body>
</html>

Het probleem is dus, waarom die div#loading groen blijft en niet rood wordt.

-r-

maandag 21 maart 2005 @ 18:22:11 #241

ikke_ook

Ik heb een probleempje met onderstaande code als het in een website zit verwerkt,los werkt t wel goed.
Als ik het email veld invul en ik klik op enter dan submit hij niet.. althans, niet in IE, wel in firefox.
De focus wordt wel automatisch goed gezet, althans daar lijkt wel op..
Hoe krijg ik t voor elkaar dat t wel goed werkt?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<form method="post" action="./passmailer.php">
<table>
   <tr>
      <td>Voer hieronder het emailadres in waarmee u hier geregistreerd
bent dan krijgt u een nieuw wachtwoord toe gemaild.</td>
   </tr>
   <tr>
      <td>Emailadres</td>
      <td><input type="text" name="email" size="30"></td>
   </tr>
   <tr>
      <td></td>
      <td><input type="submit" name="verstuur" value="Verstuur"></td>
   </tr>
</table>
</form>

Bedankt!

[ Bericht 0% gewijzigd door ikke_ook op 21-03-2005 18:37:50 ]

Vogelaars.nl

maandag 21 maart 2005 @ 18:28:02 #242

SuperRembo

Sinds 1998

quote:
Op maandag 21 maart 2005 16:32 schreef Roönaän het volgende:
What am I missing here? (Ik zoek niet zozeer naar varianten op dit thema, maar meer naar wat ik gewoon over het hoofd zie in dit script.)

Het spreek voor zich denk ik:
[ code verwijderd ]

Het probleem is dus, waarom die div#loading groen blijft en niet rood wordt.

-r-

this verwijst blijkbaar niet naar de body node zoals je zou verwachten. document.body.className = 'noload' werkt bijvoorbeeld wel (getest in FF en IE6).

maandag 21 maart 2005 @ 18:31:33 #243

SuperRembo

Sinds 1998

quote:
Op maandag 21 maart 2005 18:22 schreef ikke_ook het volgende:
Ik heb een probleempje met onderstaand script als het in een website zit verwerkt,los werkt t wel goed.
Als ik het email veld invul en ik klik op enter dan submit hij niet.. althans, niet in IE, wel in firefox.
De focus wordt wel automatisch goed gezet, althans daar lijkt wel op..
Hoe krijg ik t voor elkaar dat t wel goed werkt?
[ code verwijderd ]

Bedankt!

Welk script? Ik zie alleen html.

maandag 21 maart 2005 @ 18:33:50 #244

Roonaan

Strictly

quote:
Op maandag 21 maart 2005 18:28 schreef SuperRembo het volgende:

[..]

this verwijst blijkbaar niet naar de body node zoals je zou verwachten. document.body.className = 'noload' werkt bijvoorbeeld wel (getest in FF en IE6).

I noticed. Maar naar jouw weten; is dit een standaard browser design iets zeg maar waar ik als developer iets van zou moeten weten? Vind het namelijk redelijk strange.
Zag net ook dat als je this.body.className doet, dat het dan wel werkt. Apparently krijg je dus in de onload altijd de document node terug als je this gebruikt.

maandag 21 maart 2005 @ 18:38:42 #245

ikke_ook

quote:
Op maandag 21 maart 2005 18:31 schreef SuperRembo het volgende:

[..]

Welk script? Ik zie alleen html.

Pfff
Ik ben gewend om in PHP voor dummies te posten en daar gaat t wel altijd over een script.
Betreffende code dan...

Vogelaars.nl

maandag 21 maart 2005 @ 18:53:18 #246

SuperRembo

Sinds 1998

quote:
Op maandag 21 maart 2005 18:33 schreef Roönaän het volgende:

[..]

I noticed. Maar naar jouw weten; is dit een standaard browser design iets zeg maar waar ik als developer iets van zou moeten weten? Vind het namelijk redelijk strange.
Zag net ook dat als je this.body.className doet, dat het dan wel werkt. Apparently krijg je dus in de onload altijd de document node terug als je this gebruikt.

Als ik http://www.quirksmode.org/viewport/experiments.html er even snel op na sla dan lijkt dat idd standaard gedrag.

donderdag 24 maart 2005 @ 11:34:30 #247

jeroen-heeft-koffie-nodig

Moderator

ok heb de volgende code:

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

Dit is een submenu wat naar beneden openklapt. Ik wil nu dat het menu naar rechts openschuift, en dus dat de hoofdmenu's bovenelkaar staan.... weet iemand hier raad mee?

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

donderdag 24 maart 2005 @ 11:38:25 #248

SuperRembo

Sinds 1998

Vraag 't eens aan de maker van 't script.

donderdag 24 maart 2005 @ 23:54:26 #249

ikke_ook

quote:
Op donderdag 24 maart 2005 11:34 schreef jeroen-heeft-koffie-nodig het volgende:
ok heb de volgende code:
[ code verwijderd ]

Dit is een submenu wat naar beneden openklapt. Ik wil nu dat het menu naar rechts openschuift, en dus dat de hoofdmenu's bovenelkaar staan.... weet iemand hier raad mee?

Haha, jij denkt serieus dat iemand hiernaar gaat kijken?
Die code is totaal onleesbaar man!
Ik denk dat de tip van Superrembo een goede is

Vogelaars.nl

vrijdag 25 maart 2005 @ 00:54:48 #250

jeroen-heeft-koffie-nodig

Moderator

quote:
Op donderdag 24 maart 2005 23:54 schreef ikke_ook het volgende:

[..]

Haha, jij denkt serieus dat iemand hiernaar gaat kijken?
Die code is totaal onleesbaar man!
Ik denk dat de tip van Superrembo een goede is

hmm ja nou ik kan de maker ervan niet vinden

dus ja, je weet maar nooit

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

vrijdag 25 maart 2005 @ 17:30:17 #251

jeroen-heeft-koffie-nodig

Moderator

even een ander vraagje

ik wil bijvoorbeeld als in dit dropdown menu 'link' wordt gekozen dat er een tekst veld bij komt.

1
2
3
4

En dus als link wordt gekozen, moet deze eronder komen:

1	<input name="link" type="text">

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

vrijdag 25 maart 2005 @ 22:55:14 #252

ikke_ook

Ik wil graag in een tekstveldje realtime bijhouden hoeveel checkboxen er zijn aangevinkt in een form, dus zonder dat hij de pagina ververst ofzo. Hoe kan ik zoiets handig maken?

Vogelaars.nl

zaterdag 26 maart 2005 @ 01:19:15 #253

Heliospan

(-_-)

-edit-
nevermind

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

zaterdag 26 maart 2005 @ 09:49:47 #254

SuperRembo

Sinds 1998

quote:
Op vrijdag 25 maart 2005 22:55 schreef ikke_ook het volgende:
Ik wil graag in een tekstveldje realtime bijhouden hoeveel checkboxen er zijn aangevinkt in een form, dus zonder dat hij de pagina ververst ofzo. Hoe kan ik zoiets handig maken?

Met het onclick event van de checkboxen kun je de wijzigingen bijhouden.

zaterdag 26 maart 2005 @ 17:53:25 #255

ikke_ook

quote:
Op zaterdag 26 maart 2005 09:49 schreef SuperRembo het volgende:

[..]

Met het onclick event van de checkboxen kun je de wijzigingen bijhouden.

Iedere keer dat je op een checkbox klikt checken hoeveel checkboxen on zijn?Of is er iets handigers voor?

Vogelaars.nl

zaterdag 26 maart 2005 @ 19:02:58 #256

SuperRembo

Sinds 1998

quote:
Op zaterdag 26 maart 2005 17:53 schreef ikke_ook het volgende:

[..]

Iedere keer dat je op een checkbox klikt checken hoeveel checkboxen on zijn?Of is er iets handigers voor?

Dat zou kunnen, of je houd alleen de wijzigingen bij.

zaterdag 26 maart 2005 @ 21:10:01 #257

ikke_ook

ik heb nu dit :

1
2
3
4
5
6
7
8
9
10
11

Het werkt goed maar ik denk dat t nog wel efficienter kan. Heeft er nog iemand zin om dit te optimaliseren?

Vogelaars.nl

zaterdag 26 maart 2005 @ 21:19:07 #258

SuperRembo

Sinds 1998

1
2
3
4
5
6
7
8
9
10
11

zaterdag 26 maart 2005 @ 21:38:03 #259

ikke_ook

dit werkt stukken sneller

1
2
3
4
5
6
7

function Count(checkboxid) {
      if( document.getElementById(checkboxid).checked){
         document.form.count.value++;
      }else{
         document.form.count.value--;
      }
}

Het gaat namelijk om een form met 850 checkboxes en 850 text invoer vakjes

Vogelaars.nl

zaterdag 26 maart 2005 @ 22:00:07 #260

SuperRembo

Sinds 1998

En deze nog iets sneller (maar dat zal je niet merken)

1
2
3
4
5
6
7

   function CheckClicked(chk) {
      if (chk.checked) {
         document.form.elements.count.value++;
      } else {
         document.form.elements.count.value--;
      }
   }

1	<input type="checkbox" onclick="CheckClicked(this)">

zaterdag 26 maart 2005 @ 22:39:16 #261

ikke_ook

Aha, maar ik ga hem wel gebruiken want ik vind m wel mooier eigenlijk

Vogelaars.nl

zaterdag 26 maart 2005 @ 22:48:50 #262

ikke_ook

Ik heb nog een probleempje, ik hoop dat ik hem uitgelegd krijg....
Ik heb een tabel(form) gemaakt met 10 invoervakjes. Achter ieder invoervakje staat een pijltje waarmee je een nieuw invoervakje onder het huidige invoervakje kan laten verschijnen.
Dit doe ik door een <tr> zichtbaar te maken (default is niet zichtbaar).
Ik wil dat als ik op het pijltje klik dat de focus naar het nieuwe invoer vakje gaat.
Hiervoor had ik het volgende bedacht :

1
2
3
4

function NewInput(opm,focusfield){
document.getElementById(opm).style.display = "";
document.getElementById(focusfield).focus();
}

Dit werkt prima in IE, in Firefox werkt t ook wel, de focus wordt ook wel goed gezet, alleen verspringt je beeld naar helemaal bovenaan de tabel in plaats van gewoon te blijven staan waar t stond......
Snap je

Ik hoop dat t duidelijk is wat ik bedoel....

Vogelaars.nl

zaterdag 26 maart 2005 @ 22:52:25 #263

SuperRembo

Sinds 1998

Heb je een voorbeeldpagina online staan?

zaterdag 26 maart 2005 @ 22:57:19 #264

ikke_ook

quote:
Op zaterdag 26 maart 2005 22:52 schreef SuperRembo het volgende:
Heb je een voorbeeldpagina online staan?

Nee, alleen achter een inloggedeelte met een database eraan..... Tis namelijk een form waarmee je dingen toe kunt voegen in een database en tis niet de bedoeling dat de hele wereld daar bij kan...
Ik maak morgen of overmorgen wel even iets wat los is van die database is en hetzelfde doet.
Ik moet nu weg namelijk, maar alvast bedankt voor t kijken dan

Vogelaars.nl

zaterdag 26 maart 2005 @ 23:22:08 #265

ikke_ook

Toch nog maar ff snel online gezet want ik kon de source zo kopieren en in een nieuwe file plakken.
http://www.vogelaars.nl/jstest.htm
Klik maar eens op meerdere pijltjes achter verschillende vakjes op verschillende hoogtes op de pagina.
Dan zie je dat hij soms helemaal naar boven springt.

_{Geen commentaar op de pijltjes, want ik weet, die zien er niet uit En de site laadt zo traag omdat het zo'n grote tabel is waar alle cellen geen aangegeven grootte hebben.}

Vogelaars.nl

zaterdag 26 maart 2005 @ 23:38:50 #266

SuperRembo

Sinds 1998

Je zou document.scrollTop kunnen bewaren bewaren voor het toevoegen van de <tr> en daarna weer terugzetten.

zondag 27 maart 2005 @ 13:20:18 #267

ikke_ook

Ik heb dit geprobeerd:

1
2
3
4
5
6
7

function showOpm(opm,focusfield){
       var a;
       a = document.scrollTop;
       document.getElementById(opm).style.display = "";
      document.getElementById(focusfield).focus();
      document.scrollTop = a;
}

Maar dat werkt niet, of is t iets minder simpel?

Vogelaars.nl

zondag 27 maart 2005 @ 13:52:27 #268

SuperRembo

Sinds 1998

In FF is het document.body.scrollTop. In IE is het window.pageYOffset, maar die heb je niet nodig.

zondag 27 maart 2005 @ 15:58:27 #269

jeroen-heeft-koffie-nodig

Moderator

quote:
[b]Op vrijdag 25 maart 2005 17:30 even een ander vraagje ik wil bijvoorbeeld als in dit dropdown menu 'link' wordt gekozen dat er een tekst veld bij komt.
1
2
3
4 <select name="type">
<option>Geen link</option>
<option>Link</option>
</select>

En dus als link wordt gekozen, moet deze eronder komen:
1 <input name="link" type="text">

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

zondag 27 maart 2005 @ 17:36:38 #270

SuperRembo

Sinds 1998

Onchange event afvangen en dan de display style none/block van dat input veld toggelen.

zondag 27 maart 2005 @ 17:47:17 #271

jeroen-heeft-koffie-nodig

Moderator

hoe?

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

zondag 27 maart 2005 @ 17:56:28 #272

SuperRembo

Sinds 1998

1	<select onchange="foo()" >

enzo

Waarom gebruik je een dropdown als het een aan/uit optie is. Dan lijkt me een checkbox beter geschikt.

zondag 27 maart 2005 @ 19:58:19 #273

ikke_ook

quote:
Op zondag 27 maart 2005 13:52 schreef SuperRembo het volgende:
In FF is het document.body.scrollTop. In IE is het window.pageYOffset, maar die heb je niet nodig.

Bedankt, t werkt, alleen wel jammer dat t beeld ff naar boven schiet en dan weer naar beneden...
Maar dan moet je maar geen FF gebruiken

Vogelaars.nl

zondag 27 maart 2005 @ 21:34:05 #274

SuperRembo

Sinds 1998

quote:
Op zondag 27 maart 2005 19:58 schreef ikke_ook het volgende:

[..]

Bedankt, t werkt, alleen wel jammer dat t beeld ff naar boven schiet en dan weer naar beneden...
Maar dan moet je maar geen FF gebruiken

Welke idioot maakt er dan ook een tabel met 1000 regels

Ik denk dat wel eens beter zou kunnen werken als je per vogel een tabel cel maakt. In die cell zet je dan een kleinere tabel met de optionele invoervelden.
Nog mooier is het als je via het DOM de optionele velden toevoegt. Dan zit je niet met al die invoervelden die je wel maakt maar niet gebruikt.

zondag 27 maart 2005 @ 22:59:40 #275

ikke_ook

quote:
Op zondag 27 maart 2005 21:34 schreef SuperRembo het volgende:

[..]

Welke idioot maakt er dan ook een tabel met 1000 regels

Ik denk dat wel eens beter zou kunnen werken als je per vogel een tabel cel maakt. In die cell zet je dan een kleinere tabel met de optionele invoervelden.
Nog mooier is het als je via het DOM de optionele velden toevoegt. Dan zit je niet met al die invoervelden die je wel maakt maar niet gebruikt.

Kun je beide dingen een beetje uitleggen?Ik snap ze beide niet namelijk

[ Bericht 71% gewijzigd door ikke_ook op 27-03-2005 23:25:59 ]

Vogelaars.nl

zondag 27 maart 2005 @ 23:18:53 #276

whosvegas

The Trickster

Grappig, voor m'n studie ben ik met Java bezig.
Van scrips enzo heb ik weinig kaas gegeten, ik heb alleen m'n uiterst simpele homepage in html gedaan. Maar gewone applicaties schrijven lijkt me leuker.

Are you nuts??

zondag 27 maart 2005 @ 23:22:08 #277

whosvegas

The Trickster

1	var count, length;

Moet je in javascript geen type aangeven?

Are you nuts??

zondag 27 maart 2005 @ 23:25:27 #278

ikke_ook

nee hoeft niet whosvegas, misschien kan t wel, en is t wel beter, maar t hoeft niet

Vogelaars.nl

zondag 27 maart 2005 @ 23:56:54 #279

SuperRembo

Sinds 1998

quote:
Op zondag 27 maart 2005 22:59 schreef ikke_ook het volgende:

[..]

Kun je beide dingen een beetje uitleggen?Ik snap ze beide niet namelijk

Ik ging er van uit dat die invoervakjes bij de vogel hoort die er boven staat, maar dat is niet zo.

maandag 28 maart 2005 @ 12:05:21 #280

ikke_ook

En dus is t toch wel goed zo?

Vogelaars.nl

maandag 28 maart 2005 @ 22:46:44 #281

STFU

Blain (NTCE Chaingunner)

Hoe kan ik karakters (zoals een: "." of "&" tekens) tellen in een string?

Hank Evans: Well fuck my ozone.
Hank Evans: Hey, Ringworm! Yeah I'm talking to you, you toxic waste of life. You gonna pick up that butt or do I have to glue it to my shoe and stick it up your big pimply a-hole.

maandag 28 maart 2005 @ 23:08:37 #282

SuperRembo

Sinds 1998

1
2
3

var text = "The quick fox jumps over a lazy dog.";
var matches = text.match(/a/ig);
var count = matches==null ? 0 : matches.length;

Niet getest. Sommige tekens zal je moeten escapen in de regexp.

dinsdag 29 maart 2005 @ 14:41:19 #283

sop

ahum

quote:
Op zondag 27 maart 2005 23:22 schreef whosvegas het volgende:

[ code verwijderd ]

Moet je in javascript geen type aangeven?

Java en javascript moet je niet willen vergelijken.

dinsdag 29 maart 2005 @ 16:24:54 #284

heinl

Ik ben nu beheerder van de site van ons voetbalteam ( http://www.onra1.cjb.net ) en daar zie je op de 'index' een foto staan. Nu wil graag dat er via een javascript (of iets anders, geen probleem

) een foto komt te staan, die uit een map word gehaald.. Dus een random plaatje.. Heef tiemand enig idee hoe ik dat moet doen? De (HTML)code die ik nu heb is deze:

1	<a href="fotos.html"><img src="http://www.solcon.nl/luinstra/ONRA1/actief_thuis/images/IMG_0169.jpg" width="300" height="200" border="0"></a>

De grote moet wél zo groot blijven!

Bvd

Lui geld verdienen? Klik!

dinsdag 29 maart 2005 @ 20:10:49 #285

STFU

Blain (NTCE Chaingunner)

Ik ben bezig met een Javascript (virtuele) subdomeinen scriptje.
De code is simpel alleen vond ik dit wel intressant om te maken aangezien ik dit nog niet eerder heb gezien.
Alleen loop ik nu vast

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

Natuurlijk kan dit ook met PHP/ASP of een andere serverside techniek, maar wil dit graag met javascript maken.
Waar ik op vast loop is het volgende.. ik wil met een loopje mn subdomeinen array doorlopen, alleen hoe pak ik dat nou het beste aan??

edit: document.domain; laat forum.fok.nl ik moet eerst nog het domein exploden met split(); maar dat komt wel goed

Hank Evans: Well fuck my ozone.
Hank Evans: Hey, Ringworm! Yeah I'm talking to you, you toxic waste of life. You gonna pick up that butt or do I have to glue it to my shoe and stick it up your big pimply a-hole.

dinsdag 29 maart 2005 @ 20:11:57 #286

SuperRembo

Sinds 1998

Er zijn 1001 van dat soort scripts te vinden op het internet, bijvoorbeeld hier.

vrijdag 1 april 2005 @ 21:07:06 #287

ikke_ook

Ik wil graag bepaalde pagina's op mijn site "beveiligen" tegen de "back-knop".
Ik wil dus graag dat er een waarschuwing komt als iemand op back klikt. Ik heb namelijk een invoer gedeelte wat uit 3 stappen bestaat, en na stap 1 wordt er iets in een tabel geschreven waarna je naar stap 2 gaat. Maar als je dan op back klikt en daarna weer op verder, staat de informatie 2x in de tabel.. en dat wil ik dus afvangen door een confirm te doen als iemand op back klikt

[ Bericht 2% gewijzigd door ikke_ook op 01-04-2005 21:19:42 ]

Vogelaars.nl

vrijdag 1 april 2005 @ 21:24:02 #288

SuperRembo

Sinds 1998

Ik zou al die stappen afhandelen in 1 script, in ieder geval via 1 url. Als je dan via een post-form naar de volgende stap gaat, dan kan je als ik het goed heb niet terug naar de vorige stap.

vrijdag 1 april 2005 @ 21:29:22 #289

ikke_ook

maar hoe moet ik dat doen via 1 script dan?want ik heb nu wel steeds dezelfde pagina, alleen dan de ene keer met ?action=stap1, en dan met ?action=stap2...
Of zullen we ff verhuizen naar t php topic dan

Vogelaars.nl

vrijdag 1 april 2005 @ 21:32:34 #290

SuperRembo

Sinds 1998

quote:
Op vrijdag 1 april 2005 21:29 schreef ikke_ook het volgende:
maar hoe moet ik dat doen via 1 script dan?want ik heb nu wel steeds dezelfde pagina, alleen dan de ene keer met ?action=stap1, en dan met ?action=stap2...
Of zullen we ff verhuizen naar t php topic dan

Dat kan via een hidden input tag.

Alleen werkt het niet zoals ik dacht

.
No-cache headers werken ook niet goed

vrijdag 1 april 2005 @ 21:35:17 #291

ikke_ook

Hmm das jammer, dus t kan definitief niet zo of zijn er nog andere oplossingen?
Het moet ook in verschillende stappen blijven, want form2 hangt af van de input van form1...
-edit-
En ik heb al zitten denken aan een tussen pagina, waar alleen een header wordt verstuurd met de nieuwe url, waardoor je backknop niet meer werkt, alleen vind ik dat niet zo netjes..

Vogelaars.nl

FOK!-Schrikkelbaas vrijdag 1 april 2005 @ 21:40:45 #292

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 1 april 2005 21:32 schreef SuperRembo het volgende:

[..]

Dat kan via een hidden input tag.

Alleen werkt het niet zoals ik dacht .

Waarom niet? Dat werkt prima

 | FOK! Schrikkelbaasch

vrijdag 1 april 2005 @ 21:41:37 #293

ikke_ook

quote:
Op vrijdag 1 april 2005 21:40 schreef Swetsenegger het volgende:

[..]

Waarom niet? Dat werkt prima

Leg uit leg uit!

-edit-

Oh gewoon dat je geen $_GET uitleest, maar een $_POST, en daarop baseert welke functie in je phpfile moet worden uitgevoerd?
En dan werkt de backknop niet meer?

Vogelaars.nl

FOK!-Schrikkelbaas vrijdag 1 april 2005 @ 21:46:02 #294

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 1 april 2005 21:41 schreef ikke_ook het volgende:

[..]

Leg uit leg uit!

Leg in het php topic precies uit wat je wil (server side he) want ik begrijp niet goed waarom je tussendoor al naar db gaat schrijven. Doe dat pas als alles afgehandeld is, voorkom je ook problemen met backbuttons.

Wat ik bedoelde is dat je met hidden input perfect extra waarden aan je submit kan meegeven.
Dus bij stap 1 schrijf je niets naar db, maar je geeft die info met een get mee aan stap 2. In stap 2 krijg je een nieuwe waarde PLUS je oude waarde welke je uit je get als hidden input aan je submit meegeeft. Dat geef je weer met een get mee aan stap 3 (via headers dus) leest in stap 3 de info van stap 1 en 2 uit en die stop je in een hidden input. INfo van stap 3 erbij, submitten antwoord tonen en naar db schrijven....

 | FOK! Schrikkelbaasch

vrijdag 1 april 2005 @ 21:48:55 #295

ikke_ook

Ok, verder in php

Vogelaars.nl

zondag 3 april 2005 @ 23:13:29 #296

Chandler

Heeft iemand een idee hoe ik een scrollbar als in volgende preview shotje kan realiseren met divs en javascript?

^{is die & tag nu gefixt?}

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 3 april 2005 @ 23:21:48 #297

SuperRembo

Sinds 1998

quote:
Op zondag 3 april 2005 23:13 schreef Chandler het volgende:
Heeft iemand een idee hoe ik een scrollbar als in volgende preview shotje kan realiseren met divs en javascript?

[afbeelding]

^{is die & tag nu gefixt?}

Web-irritatie nummer 1: popups
Web-irritatie nummer 2: zelf-bouw-scrolbars-die-noot-werken-zoals-je-verwacht

Daar werk ik niet aan mee

maandag 4 april 2005 @ 06:54:22 #298

Chandler

huh? popups?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 4 april 2005 @ 07:38:37 #299

SuperRembo

Sinds 1998

Ik bedoel dat alleen popups nog irritanter zijn dan die zelfbouw-scrollbars.

maandag 4 april 2005 @ 18:04:34 #300

Chandler

Tja, maar dit hoort gewoon bij't ontwerp.. maar jij kan/'wil hier niet aan meewerken?

Of heb je gewoon geen flauw idee of het mogelijk is

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 6 april 2005 @ 15:24:48 #301

Hanneman

Weet wie nog goede boeken over Javascript? (Javascript voor Dummies uitgezonderd uiteraard!)

donderdag 7 april 2005 @ 09:37:55 #302

QuietGuy

opscheppende pats-nerd

[javascript] voor dummies - Deel 2

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

[Javascript] voor dummies - Deel 1

» digital corner

» digital corner