1 2 | <iframe src="test.htm" height="250px" widht="100px" id="test" name="test" ></iframe> |
maak 3 functies, functie 1: timer, functie 2: scrollBy() functie 3: kill timerquote:Op vrijdag 21 november 2008 @ 14:25 schreef Flaccid het volgende:
Ik kom niet uit dat scrollen van een iframe (of id). Ik wil dat met 2 hovers kunnen doen.
Ik denk het wel, maar ik wil eerst kijken of ik het zelf kan.quote:Op vrijdag 21 november 2008 14:57 schreef Chandler het volgende:
http://www.java2s.com/Cod(...)ollwhenmouseover.htm is dit niet te gebruiken?
Even scrollby ding opzoekenquote:Op vrijdag 21 november 2008 14:50 schreef mcDavid het volgende:
[..]
maak 3 functies, functie 1: timer, functie 2: scrollBy() functie 3: kill timer
onmouseover doe je functie 1,
onmouseout doe je functie 3.
de timer in functie 1 laat je bijv. iedere 100 ms functie 2 uitvoeren
functie 2 laat je iedere keer bijv. 3 pixels 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 | var d=document, imgs = new Array(), zInterval = null, current=0, pause=false; function so_init() { if(!d.getElementById || !d.createElement)return; css = d.createElement("link"); css.setAttribute("href","./css/default.css"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); d.getElementsByTagName("head")[0].appendChild(css); imgs = d.getElementById("fade-one").getElementsByTagName("img"); for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0; imgs[0].style.display = "block"; imgs[0].xOpacity = .99; setTimeout(so_xfade,1000); } function so_xfade() { cOpacity = imgs[current].xOpacity; nIndex = imgs[current+1]?current+1:0; nOpacity = imgs[nIndex].xOpacity; cOpacity-=.05; nOpacity+=.05; imgs[nIndex].style.display = "block"; imgs[current].xOpacity = cOpacity; imgs[nIndex].xOpacity = nOpacity; setOpacity(imgs[current]); setOpacity(imgs[nIndex]); if(cOpacity<=0) { imgs[current].style.display = "none"; current = nIndex; setTimeout(so_xfade,1000); } else { setTimeout(so_xfade,50); } function setOpacity(obj) { if(obj.xOpacity>.99) { obj.xOpacity = .99; return; } obj.style.opacity = obj.xOpacity; obj.style.MozOpacity = obj.xOpacity; obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")"; } } |
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 | <tr> <td> <div id="fade-one"> <img src="image/1105969.jpg" alt="" /> <img src="image/1189632.jpg" alt="" /> <img src="image/1421495.jpg" alt="" /> <img src="image/1901696.jpg" alt="" /> <img src="image/2416070.jpg" alt="" /> <img src="image/3253313.jpg" alt="" /> <img src="image/3763733.jpg" alt="" /> </div> </td> <td class="seperator"></td> <td> <div id="fade-two"> <img src="image/3827955.jpg" alt="" /> <img src="image/3990747.jpg" alt="" /> <img src="image/4294622.jpg" alt="" /> <img src="image/5387336.jpg" alt="" /> <img src="image/5458789.jpg" alt="" /> <img src="image/5641430.jpg" alt="" /> <img src="image/5685370.jpg" alt="" /> </div> </td> <td class="seperator"></td> <td> <div id="fade-three"> <img src="image/5814188.jpg" alt="" /> <img src="image/5825672.jpg" alt="" /> <img src="image/5933698.jpg" alt="" /> <img src="image/6592410.jpg" alt="" /> <img src="image/7008812.jpg" alt="" /> <img src="image/7116237.jpg" alt="" /> </div> </td> </tr> </table> |
1 2 3 4 5 6 | for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0; imgs[0].style.display = "block"; imgs[0].xOpacity = .99; setTimeout(so_xfade,1000); |
Ik ben echt een totale noob op het gebied van JS, zou je het misschien meer in jip-en-janneke taal kunnen uitleggenquote:Op zondag 23 november 2008 21:51 schreef mcDavid het volgende:
[ code verwijderd ]
dat stukje 3x uitvoeren, en imgs niet global declareren maar meegeven in de functie.
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 | { str = ""; var done = new Array(); for (var i = 0; i < navigator.plugins.length; i++) { if (!done[navigator.plugins[i].name]) { done[navigator.plugins[i].name] = 1; str += escape(navigator.plugins[i].name) + ","; } } return str; } function gfxS_jsVersion() { js_ver = '0'; ar = new Array("1.0", "1.1", "1.2", "1.3", "1.4", "1.5", "1.6", "1.7", "1.8", "1.9", "2.0"); for (x = 0; x < ar.length; x++) { document.write('<' + 'script language="Javascript' + ar[x] + '">'); document.write('js_ver = "' + ar[x] + '";'); document.write('<' + '/script>'); } return js_ver; } function gfxS_checkCookie() { // create a fake cookie document.cookie = "testcookie=true"; if (document.cookie.indexOf('testcookie') == -1) { return 0; } else { return 1; } } var count_res = new Array(); count_res['language'] = navigator.language? navigator.language : navigator.userLanguage; count_res['colordepth'] = (navigator.appName.indexOf("Microsoft") > -1) ? screen.colorDepth : screen.pixelDepth; count_res['screenwidth'] = screen.width; count_res['screenheight'] = screen.height; count_res['referer'] = (document.referrer && document.referrer != "" && document.referer != 'undefined' && document.referrer != null) ? escape(document.referrer) : ''; count_res['is_java'] = (navigator.javaEnabled() == 1) ? 1 : 0; count_res['is_font'] = (window.screen.fontSmoothingEnabled == true) ? 1 : 0; count_res['is_cookie'] = gfxS_checkCookie(); count_res['js_version'] = gfxS_jsVersion(); count_res['plugins'] = gfxS_browserPlugins(); // do code var str = ''; var d = ''; for (var d in count_res) { if (count_res[d] != '') { str += "&" + d + "=" + count_res[d]; } } document.write('<img src="http://www.mijndomein.nl/count/<?php echo $_GET['id']; ?>.png?cache=false' + str + '" ALT="statistics"'); |
1 | ![]() |
1 |
1 2 3 4 5 | <img src="../images/yes.gif" height="10px" width="10px" /> Geldige coupon!<br /> <span style="color:black;cursor:pointer;cursor:hand;text-decoration:underline" onclick="window.open('http://www.domein.nl/pagina.php','Overzicht winkelwagentje','width=650,height=125,left=200,top=0,scrollbars=no');"> Bekijk</span> uw bijgewerkte winkelwagentje.</td> |
'Overzicht winkelwagentje' moet aan elkaar (het is geen titel die getoond wordt, allleen een naam om het venster later aan te kunnen spreken via JS)quote:Op zaterdag 6 december 2008 21:46 schreef Swetsenegger het volgende:
Ik heb het opgelost. onpaste werkt wel, maar direct als je op 'paste' drukt. En dan staat simpelweg de waarde die je wil pasten nog niet in je input veld. Dus een settimeout lostte het probleem op.
Ander probleem. IE7 geeft een JS error zodra ik op 'bekijk' klik en ik heb geen idee waarom...
[ code verwijderd ]
De foutmelding is 'invalid argument' char 1 op deze regel...
Ik heb nu voor de leesbaarheid even linebreaks toegevoegd. in de source staat het op 1 regel. IN safari en ff op OSX en chrome windows opent de pop-up window prima.
quote:Op zondag 7 december 2008 00:49 schreef mschol het volgende:
[..]
'Overzicht winkelwagentje' moet aan elkaar (het is geen titel die getoond wordt, allleen een naam om het venster later aan te kunnen spreken via JS)
1 2 3 4 5 6 7 | <input type="text" name="titel[2]" tabindex="2" value="tekst hier"> <input type="checkbox" name="check[2]" value="2" tabindex="101"><br /> <input type="text" name="titel[3]" tabindex="3" value="weer iets anders"> <input type="checkbox" name="check[3]" value="3" tabindex="102"><br /> <input type="text" name="titel[4]" tabindex="4" value="hold on"> <input type="checkbox" name="check[4]" value="4" tabindex="103"><br /> |
1 2 3 4 5 6 7 8 9 10 11 12 | imgTitleArr = new Array(); function imgTitle(id) { if (!imgTitleArr[id]) { imgTitleArr[id] = document.getElementById('img_' + id).value; } document.getElementById('check_' + (id+999)).checked = ((imgTitleArr[id] != document.getElementById('img_' + id).value) ? true : false); } </script> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <div class="box"><img src="thumbnail/2008/12/09/1-1228817838-706146240.jpg" alt="image" /></div> <span>Titel</span> <input type="text" onKeyUp="imgTitle(0);" id="img_0" name="img_tit[1]" tabindex="99" value="" /><br /> <span>Map </span> Hoofdmap<br /> <span>Views</span> 5 <br /><br /> <span>Opties</span> <input type="checkbox" id="check_999" tabindex="999" style="width: 20px; margin-right: 2px; float: left;" name="check[1]" /> <a href="/image/1.html"><img src="/images/icon_view.gif" alt="Bekijk" /></a> <a href="/photoedit.html?id=1"><img src="/images/icon_edit.gif" alt="Bewerk" /></a> <br /> </div> <div> <div class="box"><img src="thumbnail/2008/12/09/1-1228817838-674804687.jpg" alt="image" /></div> <span>Titel</span> <input type="text" onKeyUp="imgTitle(1);" id="img_1" name="img_tit[2]" tabindex="100" value="" /><br /> <span>Map </span> Hoofdmap<br /> <span>Views</span> 0 <br /><br /> <span>Opties</span> <input type="checkbox" id="check_1000" tabindex="1000" style="width: 20px; margin-right: 2px; float: left;" name="check[2]" /> <a href="/image/2.html"><img src="/images/icon_view.gif" alt="Bekijk" /></a> <a href="/photoedit.html?id=2"><img src="/images/icon_edit.gif" alt="Bewerk" /></a> <br /> </div> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |