jQuery UI Dialog Iframe - Remove From Browser History Upon Close -

-

i use jquery ui dialog iframe in order provide in-page "pop-up" editing. every time dialog opened, adds 2 requests browser history: 1 url loaded when opened, , 1 setting src blank when dialog closed. if end-user clicks button, don't see happening, because it's going in iframe no longer being displayed.

so, understand why happening, i'm having trouble figuring out how prevent it. there way "rewind" history on iframe when closed?

$(document).ready(function() {     var $iframe = $('<iframe id="uidialogiframe" data-reload="0" frameborder="0" marginwidth="0" marginheight="0" width="800" height="450" />');     var $dialog = $('<div id="uidialogiframewrapper" />').append($iframe).appendto('body').dialog({         autoopen: false,         modal: true,         resizable: false,         width: 'auto',         height: 'auto',         close: function () {             $iframe.attr('src', '');             if ('1' === $iframe.attr('data-reload')) {                 location.reload();             }         }     });     $('a.uidialogiframe').on('click', function (e) {         e.preventdefault();         var $this = $(this);         $iframe.attr('src', $this.attr('href'));         $dialog.dialog('option', 'title', $this.data('title'))                 .dialog('open');     }); });

with html5 seems there nice new things can history object

some additional information mozilla

this blurb here can add additional code control how these loads effect history.

  1. when state changes, e.g. user opens email, history.pushstate() passed state information , executed. enables button — importantly — not move user page.
  2. you can run history.pushstate() many times necessary, or modify current state using history.replacestate().
  3. when user clicks (or forward), window.onpopstate event fired. handler function can retrieve associated state , display appropriate screen.

may not 100% how should looking in right place.


Comments

Post a Comment

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more