javascript - Refresh Iframe when the Dialog modal Closes -

-

im new jquery dialogs , iframes , want ask if can refresh static iframe when dialog modal closes.

heres static iframe: 

                    <iframe id="frameuserinfo" src="/user/userinfo" style="border: none; width: 100%;                         min-height: 220px;"></iframe>                 </div>

and jquery dialog

$("#dialogaddphone").dialog({             autoopen: false,             resizable: false,             modal: true,             width: 700,             height: 700,             position: ['center', 40],             close: function (event, ui) {                 $('#dialogaddphone').attr('src', '');             }         });

i tried adding $('#frameuserinfo').reload(true); not working

just want give better picture, in parent window, theres static iframe contains button opens $("#dialogaddphone") click event being called @ /user/userinfo

this 1 in parent window:

<div id="dialogaddphone" title="document upload" style="overflow-y: hidden;">     <iframe id="myiframeaddphone" src="" style="border: none; width: 100%; height: 100%;">     </iframe> </div>

then open event in static iframe in user/userinfo

loadiframe('myiframeaddphone', href);  parent.$("#dialogaddphone").dialog("open");  return false;

then after closing dialog , should refresh iframe of frameuserinfo

thanks! :)

you can use following :

first method:

$("#dialogaddphone").dialog({         autoopen: false,         resizable: false,         modal: true,         width: 700,         height: 700,         position: ['center', 40],         close: function (event, ui) {             $('#dialogaddphone').attr('src', '');             document.getelementbyid('frameuserinfo').contentwindow.location.reload(); //reloads iframe         }     });

second method:

set source of iframe again. refresh iframe.

$("#dialogaddphone").dialog({     autoopen: false,     resizable: false,     modal: true,     width: 700,     height: 700,     position: ['center', 40],     close: function (event, ui) {         $('#dialogaddphone').attr('src', '');         var iframe = document.getelementbyid('frameuserinfo');         iframe.src = iframe.src;//reloads iframe     } });

the first method wont work in chrome there no contentwindow property. should go second method.

here demo same using second method.


Comments

Post a Comment

Popular posts from this blog

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

React Native allow user to reorder elements in a scrollview list -

-
i'm trying let user reorder elements in scrollview list long-pressing on 1 of elements. we're trying let user use long press pick element of scrollview list, , put element somewhere else in list. have working using animated view, issue it's difficult integrate scrolling , swipe-to-delete animated view. we're hoping add "pick , reorder" scrollview. is there preferred method accomplishing this? touchablewithoutfeedback has onlongpress method, can implement this: _onlongpress() { // perform sort }, <touchablewithoutfeedback onlongpress={ () => this._onlongpress() }> <text>click , hold call onlongpress</text> </touchablewithoutfeedback> as far sorting, can use type of library such lodash or underscore, plus there ways sort using vanilla javascript. check out this thread. i've set basic project using sort function on listview here . https://rnplay.org/apps/mpbktg 'use strict'; var react = requ...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more