I am trying to load a view into a modal/dialog page so that I don't have to navigate to a separate page to login. I have read a couple of different forum posts but none of them have been successful. All i need is; when I click the link below, a popup dialog appears with the page loaded from the link.<a class='loginForm' id='loginForm' href="<?php echo base_url('admin/login'); ?>">Login</a>
View 1 Replies
I am currently trying to create a thumbnail gallery that when you select a thumbnail, it loads associated thumbnails specific to that image for alternate views. I have the base of the thumbnail gallery created (click thumbnail + view larger image). I am however having issues getting it to load the associated sub images. I have the default one working for when the page is initially loaded, but it is not properly swapping out the urls for the new images, so it always uses the same three sub images.Here is the jquery code I am using:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
[code]....
I am ok with using objects creating classes if someone else defines, but when it comes to defining my own, I hit a nasty brick wall... I am using an XML/XSLT wrapper called Sarissa to help with programming a utility to transform XML into HTML in different views. For this to happen, I have created a Loader class which loads in XML required. I am aware of prototyping for binding methods to objects (as opposed to replicating the same method every time an instance is created)... The aim being I want to create a progress bar for the essential files that need to be loaded in. Presently I have them load in Synchronous mode just to get the utility working, which I know is poor, so would like to address it.
[Code]...
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.
Ultimately I'd like a set up resembling http://shop.lululemon.com/Swift_Tank...30/p/1230.html
Where you're able to click a swatch color and get a thumbnail of it on the model and a thumbnail of a fabric detail that you could then enlarge. I'm not sure how to go about this. I'm able to do it with one thumbnail, where when you rollover the various swatch colors, the thumbnail of the model gets replaced. However I'm unable to add in the 2 other thumbnails (on that site they're using 3 but I would only need 2) that would change at the same time, where you could switch back and forth from at detail of the model and the fabric.
I don't necessarily need the zoom function, but if it is possible to do all of those that would be good too.Otherwise I just need help coding how to at least get the swatches to change 3 images upon mouseover and that 2 of those images would be like the 3 thumbnails on the link above and would replace the larger thumbnail once clicked.
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]....
Im looking for a simple code to redirect to a specific URL on any click on page and redirect to certain url after a certain number of page views.
View 18 Replies View RelatedI have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code.
The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down.
After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to work in IE6+7. It works in all other browsers.
The current code is:
CSS for the loading DIV is:
A working link is [url]
I am looking for a script that redirects after a certain number of page views.Surprisingly I havent been able to find anything despite countless sites that use this method. Does anyone have some code they would like to share? Actually my goal is to do a redirect after 3 page views.
View 3 Replies View RelatedI have this loading.gif image that is 750px, when it should be 32px. The reason it's huge now is because my original solution was displaying two images: one 750px version of the loading.gif image and one 32px version (in the center of the 750px) of the same image. Now I'm at least down to one image, even if it's the wrong version.Click any of the thumbnail images here, and then again on the thumbnail at the top of that popup product gallery to see what I mean: need that huge loading.gif to be 32px like it should be, and then expand to 750px once the image is loaded. I've tried a bunch of solutions, but nothing has solved the problem.This is the code I have at the moment, although I'm working on the issue now so it may change.
$('#inline .thumbGrid img').click(function(){
var strLargeImg = document.getElementById('OBOEsac');
$('.galleryPopup').attr('src','/site/scripts/colorbox/images/loading.gif');
[code]....
I don't understand ..
$("#form-dialog-join").dialog() is a valid function which I copied from Jquery demo. What's wrong with it?
btw, all the jquery library is loaded correctly.
If I do the following, it will pop up print dialog. But i want to produce
"File->Print Preview" Screen. Is it possible to do that?
<input type="button" value='Print Preview' onClick='window.print();'>
I have only started to learn HTML, CSS, and Javascript (roughly 2 weeks now). I am having a issues regarding when I submit form data to the server. I want to temporarily disable the 'submit' button while the browser is loading and then reactivate it once everything has finished loading. This was my attempt at doing this.
[Code]....
Im trying to add some simple display features to a web application and am running into some unexpected IE8 behavior. Basically, the app runs some database retrieval from the server using Ajax techniques, and during that time (say, 30 seconds), I want to just give the user a clue as to whats going on. It could be as simple as a wait cursor. More interesting, I prefer to unhide a div with an animated loading icon, then hide it again when loading is complete.
[Code]...
I have a lot of javascript functions that request information from an iframe hidden on the page. I see other sites do this, but their browser does not do the loading action (like the processing circle in Firefox). When I do it on my site, each browser shows the loading icon, as if a page was loading. Is it possible to not have this?
http://bit.ly/cv1YqN
That is a sample link. Go down right side of page where you see three buttons: Trailers Featurettes Clips.Those return iframe information to work.
It's the Coda Slider script on here: [url]
If you scroll to the bottom, and click: "See what our users have to say" and you can see the sliders.
It's working in all browsers but Safari, the script just doesn't seem to be loading, I get the loading scroller bars but they don't fully load. What is the best way to debug JS - is that the right term?
I'm trying to work with a dialog box and when the page has been refreshed, the dialog box appears fine. But if I close it out and try to open it again, it won't open. Here is the code I'm using.
[Code]...
I am seeing a weird issue where the dialog opacity does not work with IE8 browsers controlled by settings under a Windows Group policy. I can run IE8 from my house and the dialog opacity works fine. Does anyone know what Group Policy setting might turn off opacity in IE8?
View 2 Replies View RelatedHow can I remove the X from the dialog? I have the following existing code:
$(
'#DivPassword').dialog({
autoOpen:
[Code]....
how to retrieve textfield value with id="key" in jQuery Dialog from the following code?
$('#dialog').load('jsp/search.jsp', function() {
$("#dialog").dialog( {
modal : true,
[code]....
I just started using JQuery and I have a lot of questions, but this is the most complicated one:
I'm trying to show a dialog using Jquery UI. The problem is that into my dialog I'd like to insert a (dynamic) grid using JQGrid. is this possible, or I should create a normal html table?
I want to make the add functionality in the jquery, where i can add successfully but i also want that when after add, my dialog closes, the div on parent should get refreshed and show me added entry, all is working but i have to reloadthe whole page to make it work
Here is my code!
So on close it should refresh my div or may be it should rerun my query to fetch final records from the db
Do not how, but how it will work!
Close the dialog this is where i tink needs some change, should it be edited enough that onclose it should refresh parent div and requery my query.
When I try to animate a DIV-element with this code:[code]everything works fine. But when I try to do it after I press a button in a dialog - nothing works! Why? [code]
View 1 Replies View RelatedI am new to jQuery UI, and I am trying to create a new dialog using when I click on a link or a button. Here is my code:
function openJQueryDialog(dialogWidth){
$(function() {
$("#AJAX_DIALOG").dialog({
bgiframe: true,
autoOpen: false,
bgiframe: true,
closeOnEscape: true,
modal: true,
resizeable: true,
width: dialogWidth,
close: function(event,ui) {
try{
jQuery("#AJAX_DIALOG").remove();
}catch(e){
alert(e.message);
}}});
$("#AJAX_DIALOG").dialog("open");
});
}
This code works fine on Firefox
