Hej udv.
Jeg har en iframe med et upload modul i, når man tilføjer eller sletter filer vil jeg gerne have min hidden form uden for iframen opdateret med fil listen, virker dog kun i chrome.
Opera 11.61 - virker ikke.
Safari 5.1.3 - virker ikke.
Firefox 10.0.2 - virker ikke.
Chrome 17.0.963.56 - virker.
Kan godt rette i upload modulet hvis der ikke er andre udveje, men kan da ikke passe der ikke er en måde og se om indholdet i en div har ændret sig.
Nogle gode forslag?
inde i iframe
- function call_resize(){
- window.parent.setIframeSize();
- }
- function call_setPictures(){
- var pics = []
- $.each($("#files_list .template-download"), function(pos, pic){
- var picture = {};
- picture.pos = pos;
- picture.image = $(pic).find(".preview img").attr("src");
- picture.title = $(pic).find(".name input").val();
- picture.desc = $(pic).find(".description textarea").val();
-
- pics.push(picture)
- });
- window.parent.setPictures(pics);
- }
-
- $(function(){
- $("#files_list").bind("DOMSubtreeModified", function() {
- console.log("#files_list => DOMSubtreeModified"); //virker kun i chrome
- call_resize();
- call_setPictures();
- });
- });
uden for iframe
- function setIframeSize(){
- $("#upload_form_ifame").height($("#upload_form_ifame").contents().find("html").height());
- }
- function setPictures(pics){
- console.log(pics);
- var html = "";
- $.each(pics, function(i, pic){
- html += addPic(pic);
- });
-
- $("div.iframe_form").html(html);
- }
-
- function addPic(pic){
- return '<input type="hidden" name="gallery['+pic.pos+'][title]" value="'+pic.title+'" />' +
- '<input type="hidden" name="gallery['+pic.pos+'][image]" value="'+pic.image+'" />' +
- '<input type="hidden" name="gallery['+pic.pos+'][desc]" value="'+pic.desc+'" />';
- }