I'm new to jquery, I'm super impressed and can't wait to start working with it. I'm looking for a pop up window tutorial. When a user clicks on a link a new window fades in or stretches out from the center, something fancy like that. A good example would be the "Image Lightbox Viewer" [URL].../dynamicinde index.htm except I want to open a html page with fixed width and height rather than an image.
View 1 RepliesI`m trying to incorporate live [URL].. and i`m having a small problem that bothers me at night: all works great but the validation is made per total not field by field like is made in the link above .So i made a validation for email and username on the first field and name on the second if i enter the corect username and email it shows like is incorect only after i enter the name on the second field all other fields validate.So if i have a form with 6 field i have to get to the last one to show the user that all is completed ok.
[Code]...
I have two javascript files that execute some code. One is a default file loaded on all pages that executes some jquery for some bells and whistles for basic interactivity :
default_jquery.js
Code:
$(document).ready(function() {
function make_fancy(){
//make tables look nice
//make hover look nice
//etc
//etc
}
make_fancy();
});
It works great. However, one of my pages updates a database via ajax and then rewrites and redisplays the updated table on a successful ajax return. For example, if someone adds something to their shopping cart, ajax queries the database, updates an entry, and then rebuilds the shopping cart to reflect the new item or quantity. The problem I was having was that after the rewrite of the table, I was losing the formatting that the above jquery file was implementing. So I just added the same jquery statements above to the success indicator of the ajax.
My ajax looks something like this:
buy_item.js
Code:
$.ajax({
type: "POST",
url: "../buy_item.php",
data: "item="+item+"&quantity="+quantity,
success: function(resp){
//redraw table .....
This works fine, and reapplies the styles after the table has been redrawn. However, I don't like to have the same jquery statements in this file as I do in the standard jquery file above. So I just want to use a function. So on this buy_item.js page, I'm trying to call the make_fancy() function in the default_jquery.js file, but it doesn't work. I'm told that the make_fancy() function is not defined. I've tried including the default_jquery.js file which contains the make_fancy function before the buy_item.js file that calls it, but that doesn't work for some reason.
What I want is this for the buy_item.js page:
Code:
$.ajax({
type: "POST",
url: "../buy_item.php",
data: "item="+item+"&quantity="+quantity,
success: function(resp){
//redraw table
make_fancy();
},
error: function(e){
alert('You suck at this');
}});
}//function
I figured as long as I copied the code from the How To Use section here.
[URL]
It would work... but it doesn't, and I have a 7 day deadline.
I have Fancy Box running on this page. You'll need user: admin and password: pass
I just installed it and to my amusement/bemusement now ALL the links trigger fancy box. What do I need to add to isolate the trigger?
I need to display items in a very nice looking pop-up window. I'm not very familiar with Java Script or Ajax so is there a free program or a script someone can point me to that will display a nice looking window to show a product image and description?
View 9 Replies View RelatedI've made a basic website template, which I'm still working on, but I'd like to make it compatible with IE before I go any further.
I'm having trouble with the drop down menu that is located in the top right section on the site...in the banner.
It seems to work fine in FireFox (which is what I've built it for), Safari, and Chrome, but it will not work in Internet Explorer. Problem is....it doesn't hide the links, or "il" section. I was able to get it to do so, but then it would not let you select any of them...they would disappear as soon as you moved your mouse off of the top section, or "ul" i believe it's called.
Here is the website link [url]
And here is the CSS sheet for the menu [url]
I'm sure I'm probably missing some things as well as having things I don't need. I'm lost.
Here is the code for the menu:
And here is the CSS:
Catching <a> link click - Fancy Box I have an example here of the simple image gallery I'm working with. The thumbnails are loaded from an XML and are linked to larger images. untitled I want to use Fancy box Fancybox - Fancy lightbox alternative to show the larger images. I have fancy box working on other sites but can't get it to work here. In an attempt to work out why it's not working I tried to capture the click on the <a> link, but that won't work.
[Code]...
I can normally hack away at code to get what I want but this time I'm stumped before I've started. I just discovered Fancy Box - Sweet!I'm trying to get it to work here. It says in the , albeit, bare bones instructions to "Fire the Plugin" - I'm guessing that's where my problem lies but I'm not sure where to put that code.
View 5 Replies View RelatedI have a HTML and I am opening another link in a separate window using window.open() . The child window is something like 'http://yahoo.com' which is out side html. I need to refresh the parent window when the child window is closed.
View 4 Replies View RelatedIm trying to create a hidden form field in a parent window from within a child window (popup). I am trying to use jQuery, but unfortunately the hidden field does not get created.
Code JavaScript:
This should probably be pretty basic and I've been googling around as to the best approach to take and still a bit confused. I have a form that currently submits a form to a new window using jquery (shown below.) The form once submitted could go through a few redirects within the new window (it's calling some facebook stuff.)
All I'd like is when the initial new window pops up is for a spinner to appear in the popup window until the first response is returned. Is there a decent example on how to do best achieve this?
[Code]...
I have done thus far is set up a simple Ajax request to my server to log in a user (This part seems to work just fine). The problem that I am incurring is that I would like to close the window if the user has been successfully logged in and not close the window (aka - show the form errors via php) if the user did not input the correct credentials.
This is what I have got so far (which simply logs in a user): -note: the php currently just spits out Sucess or Fail to the jquery ajax request and I would like to add a way to verify if logged in then close window but if not keep window open
$(document).ready(function(){
$("#myform").validate({
debug: false,
rules: {
[Code]....
This seems to work fine and dandy to just return Success or Fail to the #results div but is there a way to verify if the user is logged in success or not or at least a way to catch such validation that is sent back from the php script?
I was also playing with adding the below code after the $.post request but it obviously just closes the window no matter what the response.
window.close();
// return
return false;
Goal: From window A, I want to manipulate the DOM of window B, where window B is the result of calling window.open(). My attempts are shown below, but Window B is never updated.
winRef = window.open("","Window B");
Try 1:
$(winRef).find("body").append("<div id=container>mr container</div>");
Try 2:
$(winRef).find("body").html("<div id=container>mr container</div>");
Try 3:
$(winRef.document.body).append("<div id=container>mr container</
div>");
Try 4:
$(winRef.document.body).html("<div id=container>mr container</div>");
The jQuery Core doc [URL] claims that it can wrap a window object. Browser is FF2.0
Danged if I can find the thread, but I swear I saw a $.url() reference in here a day or two ago. It was beingutilized for parsing out the window.location or window.location.search parameters. I made a mental note because that was something I would be needing to do.
Now I can't find it, either because the search isn't finding it or I was dreaming about this function existing.
I rummaged about the API docs and didn't find it there either. Is it something provided by one of the plugins and not a function native to jQuery?
My WEB site opens an application window and then, from its original window it navigates to a status page.
Code:
var newWindow
function popUpApplication() {
[code]...
i have this code i need to close the parent.html window when the child window opened, i need the code for that working well in IE and Firefox Parent.html
<HTML>
<SCRIPT TYPE="text/javascript">
function sendTo()
{
window.open('child.html','_blank','resizable=yes,width='+(screen.width-500)+',height='+(screen.height-500)+'');
}
[Code]...
I need a script that will open a new window (popup / new link) in a specific size, but will also close the old window (where the popup came from). I know the popup window is easy but finding a work-able close window script as the new window is opened is impossible!!
View 3 Replies View RelatedI have a popup window which has the search form in. What I want to do is for the popup window to close once the form is submitted, and to post the form data to a page on the main window.
Is anyone able to advise. As the main page is dynamic, it is not possible to give the page a name.
I am trying to usw window.open , upload a file in the child window and then referesh the parent window. But once upload is done, window . opener .location.href or opener.location.replace sends a message back but I get a pop up blocker, so if I turn pop up blocker off, it opens in new page. I just want the parent page to refresh on the same window. This works on some employees stations but not on others..I don't know if there are any settings on IE that need to change, I tried everything...weird. does any one done this before?
View 1 Replies View RelatedI am trying to pop up a window and then do stuff(set flags) when the content of the new window is done loading. For this I am trying to detect the window.onload of the pop-up child window but so far I am unsuccessful. I believe my problem is that the URL of child window is on different domain, than the one of the opener(parent) so that the window.onload is not being called. Though this may change, at the moment I do not have access to the code for the page I'm opening up in the pop-up. Im pretty new to web development.
[Code]....
I want to preserve a 16/9 aspect ratio to the window after any resize, making the width a function of the height.
As I have a window.resizeTo() inside the window.onresize event function, the infinite loop is served. How may I quit it?
<html><head><title>Title</title><script languaje="javascript">
const c_ra=16/9;
window.onresize = function WindowReSize() {
var myWidth = 0, myHeight = 0;
[Code].....
I am trying to open up a new window and then get the current url/location
back from the (win_1) window and display the url in an alert box.
Here is the code I am using :-
<script type="text/javascript">
var mywin_1 = open ("http://www.anysite.com/index.htm", "win_1",
"height=640, width=820, left=200, top=0, scrollbars, status, location");
var temp = mywin_1.location;
alert (temp);
</script>
Where am I going wrong?
I have a couple of utility windows - a calculator and a calendar that popup
from my main window. I would like them to always stay in front of the parent
window until they are shut down with there own close buttons. As it is, when
you click back to the parent window, of course it comes in front of the
child windows. Can I do this?
code to show ( overlay / modal window ) to the user when closing or navigating away from the page ( i want put in this window facebook share to make the user to share the page in his facebook ) , bytheway i wanna use it in my wordpress in every post could it be happen ?
View 1 Replies View RelatedMy problem is that ..... I have to select Data from Popup Window and get that Data back to my Parent window's textarea field..
View 2 Replies View Related