Newbie looking for the way have a dialog box and when a user goes to
this page they see *nothing*, Except for a dialog box pop, the box says:
"are you sure?" Yes/No. If user clicks yes they see the rest of the page
- (just some simple html). Else no, they might see a message that says
"go back".
I would like to know how to display a confirmation message when a user attempts to navigate away from a page. For example, if a users clicks the X to close the window, or chooses another link from his favorites, I want to display a message that says something like "Are you sure you want to navigate away from this page, click OK to continue, or Cancel to remain on this page."
I noticed this on meebo.com. After you log in, when you try to close the window you get a confirmation dialog like I describe above. I didn't think this was possible to show a confirmation dialog using the onunload event, but I could be wrong.
i have php code that shows a list of colored boxes and when you click one it changes the color of a div... this works fine as i have used a changecss function... i have these colors in a database with their values and specific color names... what i am trying to do is when a color is clicked it will change the div and also print the color name....i have made a php loop to print all the color names and i have the display as none... how can i add to the onclick function that changes the color to also put the display of the certain color name to "block" and then if you select another color it hides that one and shows the new color.
View 8 Replies View RelatedI have table in which i want to show only the selected tr and hide the rest.
<tr class="t">
<td class="oppCol cell" id=465>465
</td>
</tr>
[Code].....
I am having a problem fixing a bug with my site, which affects both IE and Opera, but does not affect Safari, Firefox or any other browser that i know of.
the affected part goes like this.
1) The page widgetprep.html - This page creates the structure of the widget and shows the frame of google
<bgcolor="black">
<div class="container2">
<b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
[Code]....
Basically the problem is when i look at the embed.html page in opera or ie i cannot see anything after the embedded widget for example the text saying 'hello' i added.
I am having a problem fixing a bug with my site, which affects both IE and Opera, but does not affect Safari, Firefox or any other browser that i know of.
the affected part goes like this.
1) The page widgetprep.html - This page creates the structure of the widget and shows the frame of google code...
Is it possible to have an window.onload function that checks for a cookie, and only loads the rest of the page if that cookie is current?
I know that there's the window.stop() function, but that appears to only stop the drawing of the page in the browser; if you view the page source, the whole thing is still there for all the world to see.
I'm working on a multi-page site. The login page does its username and password checking on the server side in Perl. Then a client-side cookie is set in JS. In the <head> section of each page, there is a window.onload JS function which checks to see if the cookie has expired yet. But the question is, what do we do if it is expired??
The best I've been able to come up with so far is to have it instantly do a location.replace, taking the user back to the login page. But that seems kludgy. In some browsers, you actually see the intended page for a split second, before the location.replace happens. In testing it, it only took me a few tries to hit the stop button at just the right time to prevent the location.replace from even happening. So it's not only kludgy, it's also only marginally effective.
It would be great if I could prevent the rest of the page from ever loading if the cookie has expired.
I have a drop down menu on my page, and I want to change the background color of the box from white to match the rest of the page, how do I do this.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
[code].....
I would like to pass data to dialog box where the page in background is faded out.A good example is when I click 'LOG IN' on DANIWEB, I get a dialog box with username and password fields and the rest of the screen is in gray.
View 9 Replies View RelatedI am running into a perculiar problem with dialog box.. my dialog box show up and close itself after 2 seconds .. without me clicking on any buttons. Here is the code in <Script></Script> . My JQuery age is only2 days.
function Login () {
$.ajax({
....
type: "POST",
[Code]....
I'm using this code:
var editDialog = $('#dialogEditor').dialog({
modal: true,
autoOpen: false,
position: 'top',
width: dialogWidth || 300,
[Code]...
I am using ASP.net and javascript. Presently I have a link on the web page, which opens an image....if the user wants to save it , he has to right click the image and then save it. But,I don't want the user to right-click and choose the option "Save Picture As" or "Save Image" of the browser. Instead I want the user to click a link or button that is displayed just under the image. After clicking the link/button, the user should be able to save the image in his/her local hard disk/machine in a particular folder or just under C: or bringing up the file directory dialog box where the user can save in his/her own folder.
View 1 Replies View RelatedWhat I'm trying to do is have a 'Save As' dialog box pop up when I click an anchor tag. What's hidden in the anchor tag is base64 information, so my anchors look like this:
<a href=# src='data:image;base64, (base64 string here)' ></a>
So when I click on this, it gives me the option of downloading my base64 info just fine, but the problem is, the name of it looks to be just the entire base64 string. I was wondering if there was a way I could set this name? I can get the file name, so I'd love to just put '....jpg' as the name that the user downloads.
The reason I'm asking is because when I download the file, it comes out as (random characters).bin.part, and if I know the download is a pdf, I try opening it with a pdf viewer, but get yelled at by the MIME type... however, if I simply change '.bin.part' to '.pdf', I can open the file just fine, so I'd love for an automatic naming system, but not sure how to implement that. I've tried the document.execCommand('saveAs', '1', '<filename here>'), but I think this is for an actual file that you serve from the server... I don't have the actual file, just the base64.
<input type="file"> only allows the user to browse for files.
How about "browse for folder" dialog? Can html/javascript do that? I
couldn't find any syntax for that....
i have been working with jquery dialog for a while and am stuck on a new problem today.when i load a dialog, it is running the button functions when the dialog is opened.
$(function() {
var dialogopts = {
modal:true,
[code]....
I used the jquery modal dialog from the[url].... that is currently draggable from the title only. is there any way i can make
that draggable by inserting a div at the footer of the dialog or make it draggable from everywhere in the dialog.
I'm trying to create a print link that sends the page to the printer without opening the print dialog box on the browser.
I know that window.print() will open the print dialog and then the user has to click OK.
is there anything that can do this?
how to load external page in dialog box with example
View 3 Replies View RelatedI have a page which has large contents. If I open the dialog when page is has been opened, the dialog is fine and it closes well. Now, If I have opened my main page and scrool down to page and at the end there is a link for opening dialog, then the dialog opens to current window position and page is scrolled up to top. Now dialog has been opened but it is too below that I cant see it. I have tested that when we scroll down the jquery function takes the scrooled position as its top position and so opening popup for that relative position.
My code is.
$dialog.dialog({
title: title,
autoOpen: true,
width: width,
height: height,
modal: true,
resizable: true,
autoResize: false,
position: [0,0],
overlay: {
opacity: 0.3,
background: "black"
}}).width(eval(eval(width) - horizontalPadding)).height(eval(eval(height) - verticalPadding));
How I can open it on top of page?
I'm trying to load an external page inside a jquery UI dialog box and can't seem to get it ro work
Code Javascript:
function openMyDialog(){
var $link = "weh.php";
var $dialog = $('<div></div>').load($link.attr('href') + '#modBox');
$($dialog).dialog();
}
call the function:
[Code]....
The dialog opens, how do I put weh.php inside the newly created div?
Is it possible to have the jquery ui dialog close when clicking outside the area of the dialog? Like facebox?
View 2 Replies View RelatedI am trying to get a dialog box to open another dialog box. Clicking on "more search options" the first time results in opening a dialog box. Clicking "search" within the dialog box results in opening up a second dialog box. But this only works the first time I click on "more search options". In other words, the second dialog box only opens up only once. To get the second dialog to open again, I have to reload the page in the browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[code]....
I have checked the similiar questions and tried putting overflow on the ui.dialog class but the flash on the page is still being shown when the dialog is opened. My jquery skills are not good at all, how can I hide the flash?
[Code]...
Have a web app which consists of a form and have it set up to launch a dialog box containing information next to the subject label text field.Everytime, someone fills out the form and clicks on submit, the form's message body (from the text area of the form) is displayed on top and theform is displayed underneath it. Before, I had it set up as fixed (x,y) for the dialog box to appear next to the subject label. But, now, whenthe page becomes longer, the dialog box doesn't appear next to my subject label text field. It is displayed a lot lower.
Here's the code to find the position:
// Finds the position and adds 40px to the left axis.
function findPosition(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
[Code]....
How can I set it so my findPosition() calculation doesn't miscalculate when the page is too long (when scroll bars are needed)?
Is there a way to set the relative positioning to always have the dialog appear 40px right of the subject label?
My question if it's possibly to dynamical open (without hardcode URL)the same page (current page) in a dialog? I need to have a link on every every page in a site (the link lives into a template) and I need to open this page again in a dialog box with the same content.
View 3 Replies View RelatedI have created a modal dialog using Jquery and I am opening an aspx page inside the modal dialog. The code is as follows:
ASPX Page:
<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral,
[Code].....