quote:Op zaterdag 5 maart 2005 13:59 schreef SuperRembo het volgende:
Natuurlijk kan datom deze externe inhoud weer te geven is het noodzakelijk dat je toestemming geeft voor het gebruik van tracking en social mediacookies.Ja toon me deze inhoudmeer informatie
ik accepteer de cookies.
1 2 3 4 5 6 7 | function getWidth(el) { return el.clientWidth || el.offsetWidth; } function getHeight(el) { return el.clientHeight || el.offsetHeight; } |
1 2 3 4 5 6 7 8 9 | function getWidth(el) { if (typeof el.offsetWidth != 'undefined') { return el.offsetWidth; } else if (typeof el.clientWidth != 'undefined') { return el.clientWidth; } else { return null; } } |
1 2 3 4 5 | --------- | | | |1| 2 | | | | --------- |
1 2 3 4 5 6 7 8 9 | .outer { width: 600px; } .inner { width: 100%; overflow: auto; overflow-y: hidden;/* IE only */ } |
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> |
Je krijgt het wel voor elkaar om 2 date()-objecten aan te maken, welke je wilt vergelijken?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.00om deze externe inhoud weer te geven is het noodzakelijk dat je toestemming geeft voor het gebruik van tracking en social mediacookies.Ja toon me deze inhoudmeer informatie
ik accepteer de cookies.
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?
ehmz.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?
Heb je al een stukje html? Scheelt me een hoop tijdquote:Op vrijdag 18 maart 2005 17:20 schreef Swetsenegger het volgende:
[..]
ehmz.
help me ff op weg getTime()?
Ik heb 'm al.quote:Op vrijdag 18 maart 2005 17:25 schreef QuietGuy het volgende:
[..]
Heb je al een stukje html? Scheelt me een hoop tijdom deze externe inhoud weer te geven is het noodzakelijk dat je toestemming geeft voor het gebruik van tracking en social mediacookies.Ja toon me deze inhoudmeer informatie
ik accepteer de cookies.
Heb je een linkje?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 getrokkenom deze externe inhoud weer te geven is het noodzakelijk dat je toestemming geeft voor het gebruik van tracking en social mediacookies.)Ja toon me deze inhoudmeer informatie
ik accepteer de cookies.
www.rickpeinemann.nlquote:
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> |
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> |
this verwijst blijkbaar niet naar de body node zoals je zou verwachten. document.body.className = 'noload' werkt bijvoorbeeld wel (getest in FF en IE6).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-
Welk script? Ik zie alleen html.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!
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.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).
Pfffquote:Op maandag 21 maart 2005 18:31 schreef SuperRembo het volgende:
[..]
Welk script? Ik zie alleen html.om deze externe inhoud weer te geven is het noodzakelijk dat je toestemming geeft voor het gebruik van tracking en social mediacookies.Ja toon me deze inhoudmeer informatie
ik accepteer de cookies.
Als ik http://www.quirksmode.org/viewport/experiments.html er even snel op na sla dan lijkt dat idd standaard gedrag.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.
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 | <script language= "JavaScript" type="text/javascript"> function Browser() {var ua,s,i;this.isIE=false;this.isNS=false;this.version=null; ua = navigator.userAgent;s="MSIE";if((i=ua.indexOf(s))>=0){this.isIE=true; this.version=parseFloat(ua.substr(i + s.length));return;}s="Netscape6/"; if((i=ua.indexOf(s))>=0){this.isNS=true;this.version=parseFloat(ua.substr(i+s.length)); return;}s="Gecko";if((i=ua.indexOf(s))>=0){this.isNS=true;this.version=6.1; return;}}var browser=new Browser();var activeButton=null; if(browser.isIE)document.onmousedown=pageMousedown; else document.addEventListener("mousedown",pageMousedown,true); function pageMousedown(event){var el;if(activeButton==null)return; if(browser.isIE)el=window.event.srcElement; else el=(event.target.tagName?event.target:event.target.parentNode); if(el== activeButton)return; if(getContainerWith(el,"DIV","menu")==null){resetButton(activeButton);activeButton = null; }} function buttonClick(event,menuId){var button; if(browser.isIE)button=window.event.srcElement; else button=event.currentTarget;button.blur(); if(button.menu==null){button.menu = document.getElementById(menuId); if(button.menu.isInitialized==null)menuInit(button.menu);} if(activeButton!=null)resetButton(activeButton); if(button!=activeButton){depressButton(button);activeButton = button;} elseactiveButton=null;return false;} function buttonMouseover(event, menuId){var button; if(browser.isIE)button=window.event.srcElement;else button=event.currentTarget; if(activeButton!=null&&activeButton!=button)buttonClick(event, menuId);} function depressButton(button){var x,y;button.className+=" WinKnopActive"; x=getPageOffsetLeft(button);y=getPageOffsetTop(button)+ button.offsetHeight; if (browser.isIE){x+=button.offsetParent.clientLeft; y+=button.offsetParent.clientTop;} button.menu.style.left=x+"px";button.menu.style.top=y+"px"; button.menu.style.visibility="visible";} function resetButton(button){removeClassName(button,"WinKnopActive"); if(button.menu!=null){closeSubMenu(button.menu);button.menu.style.visibility="hidden";}} function menuMouseover(event){var menu; if(browser.isIE)menu=getContainerWith(window.event.srcElement,"DIV","menu"); else menu=event.currentTarget;if(menu.activeItem!=null)closeSubMenu(menu);} function WinItemMouseover(event,menuId){var item,menu,x,y; if(browser.isIE)item=getContainerWith(window.event.srcElement,"A","WinItem"); else item=event.currentTarget;menu=getContainerWith(item,"DIV","menu"); if(menu.activeItem!=null)closeSubMenu(menu);menu.activeItem=item; item.className+=" WinItemOplichten"; if(item.subMenu==null){item.subMenu=document.getElementById(menuId); if(item.subMenu.initialized==null)menuInit(item.subMenu);} x=getPageOffsetLeft(item)+item.offsetWidth;y=getPageOffsetTop(item);var maxX,maxY; if(browser.isNS){maxX=window.scrollX+window.innerWidth; maxY=window.scrollY+window.innerHeight;} if(browser.isIE){maxX=(document.documentElement.scrollLeft!=0? document.documentElement.scrollLeft:document.body.scrollLeft) +(document.documentElement.clientWidth!=0? document.documentElement.clientWidth:document.body.clientWidth); maxY=(document.documentElement.scrollTop!=0? document.documentElement.scrollTop:document.body.scrollTop) +(document.documentElement.clientHeight!=0? document.documentElement.clientHeight:document.body.clientHeight);} maxX-=item.subMenu.offsetWidth;maxY-=item.subMenu.offsetHeight; if(x>maxX)x=Math.max(0,x-item.offsetWidth-item.subMenu.offsetWidth +(menu.offsetWidth-item.offsetWidth));y=Math.max(0,Math.min(y, maxY)); item.subMenu.style.left=x+"px";item.subMenu.style.top=y+"px"; item.subMenu.style.visibility="visible"; if(browser.isIE)window.event.cancelBubble=true;else event.stopPropagation();} function closeSubMenu(menu){if(menu==null||menu.activeItem==null)return; if(menu.activeItem.subMenu!=null){closeSubMenu(menu.activeItem.subMenu); menu.activeItem.subMenu.style.visibility="hidden";menu.activeItem.subMenu=null;} removeClassName(menu.activeItem,"WinItemOplichten");menu.activeItem=null;} function menuInit(menu){ var itemList,spanList;var textEl,pijltjeEl;var itemWidth;var w,dw;var i,j; if(browser.isIE){menu.style.lineHeight="2.5ex"; spanList=menu.getElementsByTagName("SPAN"); for(i=0;i< spanList.length; i++) if(hasClassName(spanList[i],"WinItempijltje")){ spanList[i].style.fontFamily="Webdings";spanList[i].firstChild.nodeValue="4";}} itemList=menu.getElementsByTagName("A"); if(itemList.length>0)itemWidth=itemList[0].offsetWidth;else return; for(i=0; i < itemList.length; i++) { spanList=itemList[i].getElementsByTagName("SPAN") textEl=null pijltjeEl = null; for(j=0; j < spanList.length; j++) { if(hasClassName(spanList[j],"WinItemText"))textEl=spanList[j]; if(hasClassName(spanList[j],"WinItempijltje"))pijltjeEl=spanList[j];} if(textEl!=null&&pijltjeEl!=null) textEl.style.paddingRight=(itemWidth-(textEl.offsetWidth+pijltjeEl.offsetWidth))+"px";} if (browser.isIE){w=itemList[0].offsetWidth; itemList[0].style.width=w+"px";dw=itemList[0].offsetWidth-w;w-=dw; itemList[0].style.width=w+"px";} menu.initialized=true;} function getContainerWith(node,tagName,className){ while(node!=null){ if(node.tagName!=null&&node.tagName==tagName&&hasClassName(node,className)) return node;node=node.parentNode;}return node;} function hasClassName(el,name){ var i,list;list=el.className.split(" "); for(i=0;i<list.length;i++)if(list[i]==name)return true;return false;} function removeClassName(el,name){ var i,curList,newList;if(el.className==null)return; newList=new Array();curList=el.className.split(" "); for(i=0;i<curList.length;i++) if(curList[i]!=name)newList.push(curList[i]);el.className=newList.join(" ");} function getPageOffsetLeft(el){var x;x=el.offsetLeft; if(el.offsetParent!=null)x+=getPageOffsetLeft(el.offsetParent);return x;} function getPageOffsetTop(el){var y;y=el.offsetTop; if(el.offsetParent!=null)y+=getPageOffsetTop(el.offsetParent);return y;} </script> |
Haha, jij denkt serieus dat iemand hiernaar gaat kijken?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?om deze externe inhoud weer te geven is het noodzakelijk dat je toestemming geeft voor het gebruik van tracking en social mediacookies.Ja toon me deze inhoudmeer informatie
ik accepteer de cookies.
hmm ja nou ik kan de maker ervan niet vindenquote: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
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |
Dat begrijpen we, maar is wel erg jammer. Je kunt FOK! namelijk wel gratis LEZEN, maar we kunnen FOK! niet gratis MAKEN. De inkomsten van de advertenties zorgen ervoor dat we de kosten van de site kunnen dragen zodat je ook morgen FOK! nog kunt bezoeken.
Zou je willen overwegen om voor FOK! een uitzondering te maken in je adblocker (of andere middelen die onze ads blokkeren)? Je krijgt deze melding dan nooit meer te zien.
Ja, ik wil fok.nl whitelisten, laat me zien hoe
Ik neem liever een premium account zodat ik geen advertenties hoef te zien (je moet eerst inloggen)
Ja, breng me naar de shop