1 2 3 4 | window.onscroll = scrollEvent; function scrollEvent() { alert("scroll"); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div id="slider"> <div id="imageloader"> <img src="images/ajax-loader.gif" /> </div> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> </div> |
1 2 3 4 | #slider {position: relative; overflow: hidden;height:300px; width: 650px;} #slider img {position:absolute; margin:0; height:85px;;display:none;} #imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;} #imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;} |
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 | var speed = 50; var pic, numImgs, arrLeft, i, totalWidth, n, myInterval; $(window).load(function(){ pic = $("#slider").children("img"); numImgs = pic.length; arrLeft = new Array(numImgs); for (i=0;i<numImgs;i++){ totalWidth=0; for(n=0;n<i;n++){ totalWidth += $(pic[n]).width(); } arrLeft[i] = totalWidth; $(pic[i]).css("left",totalWidth); } myInterval = setInterval("flexiScroll()",speed); $('#imageloader').hide(); $(pic).show(); }); function flexiScroll(){ for (i=0;i<numImgs;i++){ arrLeft[i] -= 1; if (arrLeft[i] == -($(pic[i]).width())){ totalWidth = 0; for (n=0;n<numImgs;n++){ if (n!=i){ totalWidth += $(pic[n]).width(); } } arrLeft[i] = totalWidth; } $(pic[i]).css("left",arrLeft[i]); } } |
1 | $(this).find('a.dribbble-over').fadeIn('normal'); |
1 | $(this).find('a.dribbble-over').stop().animate({opacity: 1},600); |
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 | <script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/ajaxupload.js" type="text/javascript"></script> <script type="text/javascript"> /* original */ $(document).ready(function() { var thumb = $('img#thumb'); new AjaxUpload('imageUpload', { action: $('form#newHotnessForm').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div.preview').addClass('loading'); }, onComplete: function(file, response) { thumb.load(function() { $('.preview').removeClass('loading'); thumb.unbind(); }); thumb.attr('src', response); } }); }); </script> </head> <body> <div class="preview"> <img src="#" id="thumb" height="100px" width="100px" /> </div> <form action="./upload.php" id="newHotnessForm"><label>Brouwse: </label> <input size="20" id="imageUpload" type="file" /><br /> Description:<br /> <input type="text" name="imageText" value="" width="300" /><br /> <button class="button" type="submit">Save</button> </form> </div> |
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 | var thumb1 = $('img#thumb1'); new AjaxUpload('imageUpload1', { action: $('form#upForm1').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview1').addClass('loading'); }, onComplete: function(file, response) { thumb1.load(function() { $('#preview1').removeClass('loading'); thumb1.unbind(); }); thumb1.attr('src', response); } }); var thumb2 = $('img#thumb2'); new AjaxUpload('imageUpload2', { action: $('form#upForm2').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview2').addClass('loading'); }, onComplete: function(file, response) { thumb2.load(function() { $('#preview2').removeClass('loading'); thumb2.unbind(); }); thumb2.attr('src', response); } }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | $(document).ready(function() { var map = $('div[id|="woei"]'); var thumb = new Array(); $.each(map, function(key, value) { var newID = value.id.substring(5, value.id.length); thumb[newID] = $('img#thumb' + newID'); new AjaxUpload('imageUpload1' + newID, { action: $('form#upForm1').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview1' + newID).addClass('loading'); }, onComplete: function(file, response) { thumb[newID].load(function() { $('#preview1' + newID).removeClass('loading'); thumb[newID].unbind(); }); thumb[newID].attr('src', response); } }); }); |
1 | parent.document.getElementById('iframe').contentWindow.document.body.style.background="url(bg-url)"; |
kan helaas niet crossdomain.quote:Op donderdag 7 april 2011 20:08 schreef qwox het volgende:
heb een site met een iframe, hierin staan delen van de site. echter ook eentje van buiten het domein/server. Nu probeer ik via javascript de achtergrond aan te passen in het iframe.
[ code verwijderd ]
Deze code werkt in chrome voor de pagina's die op de zelfde server staan echter niet bij de externe.
Nu vroeg ik me af of er een manier is om het wel te laten werken of dat je nooit aan externe pagina's kan komen.
disclaimer: voordat mensen zeggen dat je van andermans pagina's moet afblijven. is van een bekende en wilde alleen de achtergrond aanpassen om hem beter in de layout te passen.
alvast bedankt
fixed.quote:Op donderdag 7 april 2011 20:51 schreef Danny het volgende:
[..]
kan helaas gelukkig niet crossdomain.
eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kanquote:
Door een class te gebruiken op de invoervelden voor bestanden.quote:Op donderdag 7 april 2011 16:05 schreef Chandler het volgende:
Ik ben even wezen spelen maar krijg het niet helemaal voor elkaar
De volgende code werkt
[ code verwijderd ]
en deze code die dus zelf alle elementen moet aflopen werkt nietkrijg een error ivm [newID]
[ code verwijderd ]
hoe kan ik dit oplossen en zo de 'id's' variabel te maken?
1 2 3 | <input type="file" name="upload[]" id="thumb1" class="thumb-upload"> <input type="file" name="upload[]" id="thumb2" class="thumb-upload"> <input type="file" name="upload[]" id="thumb3" class="thumb-upload"> |
1 2 3 4 5 | $(document).ready(function() { $('.thumb-upload').each(function(ix, el) { alert($(el).attr('id')); }) }); |
ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.quote:Op donderdag 7 april 2011 20:56 schreef Danny het volgende:
[..]
eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan
Opzich heel duidelijk alleen 1 vraag, hoe kan ik dan de id's dynamisch doorgeven? dat lukte mij niet, de error die ik kreeg in mijn voorbeeld kwam door thumb[newID] = $('img#thumb' + newID');quote:Op donderdag 7 april 2011 21:08 schreef Light het volgende:
Door een class te gebruiken op de invoervelden voor bestanden.
Dan krijg je zoiets in je formulier:
De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:
Het is dus niet nodig om ieder veld met z'n eigen id aan te spreken. Als je het nodig hebt (waarschijnlijk niet), kun je het wel achterhalen.
Er zijn wat mensen die extensies hebben gemaakt waarmee je een iframe kan manipuleren, tot op zekere hoogte.quote:Op donderdag 7 april 2011 21:27 schreef qwox het volgende:
[..]
ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.
iig allemaal bedankt voor het snelle antwoorden.
Klopt! er stond nog een ' tegen de ) aanquote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $(document).ready(function() { thumb = new Array(); $('.preview').each(function(ix, el) { var newID = $(el).attr('id').substring(7, $(el).attr('id').length); thumb[newID] = $('img#thumb' + newID); new AjaxUpload('imageUpload' + newID, { action: $('form#upForm' + newID).attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview' + newID).addClass('loading'); }, onComplete: function(file, response) { thumb[newID].load(function() { $('#preview' + newID).removeClass('loading'); thumb[newID].unbind(); }); thumb[newID].attr('src', response); } }); }); }); |
1 2 3 4 5 | <div id="nav"> <div id="reel"> <table>6 images op een rij</table> - Ik weet het, tables zijn not-done, maar is maar even voor de proef </div> </div> |
1 2 3 4 5 6 7 | #nav{ width:100%; height: 200px; } #reel{ height: 200px; } |
1 2 3 | <script type="text/javascript"> $("#nav").scrolLeft(300); </script> |
Krijg geen specifieke foutmelding (niet goed gekeken mss).quote:Op zondag 10 april 2011 13:39 schreef KomtTijd... het volgende:
Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?
1 2 3 | var plaatje = document.getElementById('plaatje'); var w = plaatje.width, h = plaatje.height; plaatje.style.width = '100px'; plaatje.style.height = '100px'; |
1 2 3 4 5 6 7 8 | plaatje = new Image(); plaatje.src = './teladenplaatje.png'; plaatje.onload = weergeefgrootte; function weergeefgrootte() { alert(this.width + ', ' + this.height); } |
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Bedankt alvast!...
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:quote:Op donderdag 14 april 2011 07:55 schreef GI het volgende:
Voor het geval dat jullie hem nog niet kennen, het heeft mij net heel erg geholpen om erachter te komen dat ik een $("td") gebruikte waardoor de helft van mijn programma opeens om zeep ging
http://www.sprymedia.co.uk/article/Visual+Event
Erg handig. toont in de browser de events die getriggerd kunnen worden.
Had hem per abuis in het php topic gezet, hier nu ook
Kant-en-klare scripts ga je hier niet krijgen.quote:Op dinsdag 12 april 2011 10:09 schreef afro het volgende:
Wat voor informatie heb je nog meer nodig?
Ik heb dit gevonden : http://www.w3schools.com/AJAX/ajax_database.asp
Ik moet dan alleen zorgen dat je select customer zelf kan invullen.
Handig net geinstalleerd in chrome.quote:Op donderdag 14 april 2011 08:34 schreef Danny het volgende:
[..]
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
Geweldig. Das nog handiger.quote:Op donderdag 14 april 2011 08:34 schreef Danny het volgende:
[..]
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
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 | <html> <head> <title>LMAO</title> <style> #id0 {width:20%;position:relative;} #id1 {width:20%;position:relative;} </style> <script> function goR() { if( id0.style.pixelLeft < 400 ) { id0.style.pixelLeft+=90; setTimeout('goR()',100); } else{setTimeout('goD()',100);} } function goD() { if( id0.style.pixelTop < 400 ) { id0.style.pixelTop+=90; setTimeout('goD()',100); } else{setTimeout('goL()',100);} } function goL() { if( id0.style.pixelLeft > -400 ) { id0.style.pixelLeft-=5; setTimeout('goL()',100); } else{setTimeout('goU()',100);} } function goU() { if( id0.style.pixelTop > 0) { id0.style.pixelTop-=10; setTimeout('goU()',100); } else{setTimeout('goL()',100);} } function goBACKK() { if( id0.style.pixelRight > 0) { id0.style.pixelRight+=10; setTimeout('goBACKK()' ,100); } else{setTimeout('goR()',100);} } </script> </head> <body> <a href='#' onclick='goR()'><img src='Epic-fail-guy-dance.gif' id='id0' onclick='goR()' border='0'></a> </body> </html> |
1 2 3 | <?php echo " <td><a onClick=\"dynContent('pagina.php', 'argument')\"><img class='icon16center' src='images/icons/delete.png'/></a></td>\n"; ?> |
quote:Op maandag 18 april 2011 17:14 schreef lifeblind het volgende:
[..]
1) Wat doet die dynContent functie?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function dynContent(page, vars) { /* Content */ xmlHttp = GetXmlHttpObject(); if (xmlHttp == null) { alert("Your browser does not support AJAX or Javascript. Unfortunately this website relies on it and you are advised to get a modern browser or to turn on Javascript. \n\nApologies for the inconvenience."); return; } var url = "contentmanager.php"; url += "?id=" + page + "&" + vars; xmlHttp.onreadystatechange = stateChanged; xmlHttp.open("GET", url, true); xmlHttp.send(null); } |
1 2 3 4 | <?php if(isset($_GET['id'])) include(htmlspecialchars(addslashes($_GET['id']))); ?> |
Naar de img tag bedoel je?quote:Op maandag 18 april 2011 17:35 schreef GlowMouse het volgende:
oh, verplaats de onclick naar de a-tag.
Thx voor de info, zal ik doen.quote:Op maandag 18 april 2011 17:35 schreef GlowMouse het volgende:
oh, verplaats de onclick naar de img-tag.
in contentmanager zet je een lijstje van toegestane id's.
Dat is een optie, wat wellicht nog een optie is wanneer je ID's in de honderden kunnen lopen, is de $_GET["id"] casten naar een int.quote:
Dankuquote:Op maandag 18 april 2011 14:09 schreef GlowMouse het volgende:
Op regel 47 goL naar goR of goBACKK aanpassen.
Ik include 'n pagina.php met daarachter dus 'n stel arguments, en dit zijn strings. Heb het nu zoals glowmouse gedaan, ff gezet in 'n arrayquote:Op maandag 18 april 2011 20:31 schreef mafkees01 het volgende:
[..]
Dat is een optie, wat wellicht nog een optie is wanneer je ID's in de honderden kunnen lopen, is de $_GET["id"] casten naar een int.
Je doet dan: $id = (int)$_GET["id"];
Je bent dan direct van strip_tags() en addslashes() af. Als $id dan 0 is (wat je kunt checken met ===) dan was er iig geen getal ingevuld maar iets anders...
Anyway, je include nu 0/1/2/3 etc. .php zie ik? Dat geeft natuurlijk direct errors bij een andere waarde dan een getal.. Gebruik liever file_exists() erbij, dit voorkomt dat een user onnodige errors om zijn hoofd krijgt gesmeten..
Vraag ik ook niet om....quote:Op donderdag 14 april 2011 08:37 schreef Scorpie het volgende:
[..]
Kant-en-klare scripts ga je hier niet krijgen.
1 | $("#div:not(. container . menu)").hide(); |
Jaquote:Op woensdag 4 mei 2011 17:29 schreef GlowMouse het volgende:
Dus de id's zijn container en menu?
$("div:not(#container,#menu)").hide();
werkt dit?
Maar ik bedoel met het gewenste effect dat ik voor ogen wil zien..quote:Op dinsdag 10 mei 2011 19:26 schreef KomtTijd... het volgende:
[..]
Jahoor.
· · · — — — · · ·
Alsjeblieft.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |