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!...
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |