I have a simple UI Dialog to display a loading notification.
If I call foo.dialog('open') then foo.dialog('close') is called in quick succession all of the <a> links on my page stop working. All the inputs work fine, just the links don't work.
If I open another dialog that closes after a delay then the links begin working again.
If you click on the Retaining Walls link, it will direct you to a new page and the anchor will be highlighted. The issue is that if you attempt to click on Drainage or Design/Build, then it will not scroll up to the anchor.Other than that, if you were already on that page, then the anchors and scroll works fine. Is there something I can do to fix it?
View 5 Replies View RelatedUsing the simplemodal plugin I create a dialog dynamically from links using
[Code]...
I have a Google map (API v3) with one marker and infowindow which contains a link that I have placed in a modal dialog. The problem is that the link in the infowindow is not clickable, even though it reacts to mouse hover. If I remove 'modal: true' from my call to open the dialog, the link becomes clickable, and the new page is loaded. Is there a solution to this?
View 1 Replies View Relatedi 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.
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]....
The $.ajax call was working fine in 1.4.4. However, upon upgrading to jQuery 1.5, all my AJAX calls are triggering the error callback instead of success. Furthermore, the error being thrown is empty (or at least isn't showing up in the alert box. This happens on IE, Firefox, and Chrome.Getting the same problem with $.getJSON as well (which makes sense if its just a shorthand $.ajax). I've included the function that makes the ajax call below.
[Code]...
I"m using [URL] for the line breaking of the link-names. It works wonderfull if the link is hyphenated like my-loooooooooooooooooooooooong-link-name, but ignores if it is with undescore.
How can one add a support the line breaking by underscore?
for example: my_loooooooooooooooooooooooong_link_name
will be:
my_loooooooooooooooo
oooooooong_link_name
I subcontracted a programmer who replaced my jquery.js with a different version of jquery. This version breaks my function, but my version breaks the layout. I have a function that works with
Code:
jquery.tools.min.js
But not with
Code:
jquery.js?ver=1.4.2
Here's is my function:
Code:
<SCRIPT type="text/javascript">
$(document).ready(function(){
$('.theVideoLink').click(function(e){
e.preventDefault();
$('#VideoContent').load($(this).attr('href'));
});
});
</script>
I need this code to work with
Code:
jquery.js?ver=1.4.2
But it doesn't. It works with
Code:
jquery.tools.min.js
But this jquery.tools.min.js breaks the layout in IE7&8.
I have two elements:
<button type="button" id="thebutton">Click me.</button>
<input type="text" id="thetext">
That I use for the following function call:
ReloadElement($('#thetext'), $('#thebutton'));
The function is:
function ReloadElement(thetext, thebutton)
{
thebutton.mouseover(
[code]....
I am wondering how I can create an object or two and have them communicate through events, while not having them rely on each other.I am building an image rotator that auto advances the images as well as a clickable interface to select images. I want the image rotator object to tell the interface object which image it's on so that the interface can change style accordingly. The only way I see to do that is with the .trigger() event handler. This seems like it would break encapsulation.
View 1 Replies View RelatedI've been working on this for quite a while trying to figure out why I can only get a click to be recognized by IE once. If a user clicks on another element, and then goes back to the original one, nothing happens. I've gone right down to this
<code>
jQuery("ul.showList li.show div.showData, ul.myShowsList li.show
div.showData, ul.myFriendsShowsList li.show div.showData,
div#popForecast li.show div.showData, div#gigList li.show
[code]...
I posted this message a while ago but I can't find it. My bad if both show up. I just tried the validate plugin. I added the link to load it into my form and now I am getting callback querystring (I normally don't use querystrings) and I am not sure how to stop that.
I have a function that uses $.post() to get some address info and updates the page. I am returning a json object and this is now is broken. I gives me a invalid label error. I can see the data in firebug and it looks just fine. The function works if I don't load the validate plugin.
My issue is this... I have a set interval that runs a php script and then .load()'s it into a div. Now... I have another jquery script that submits a form when a checkbox is checked...
After the timer goes off and fetches the data and brings it back, the script that submits the form no longer works .
Code:
var refreshId = setInterval(function()
{
$('#loader').load('php/table.php').fadeIn("slow");
}, 10000);
[Code]....
I am using the below function to scroll to sections on a menu. It works but I need the links that activate the scrollto to still be links to pages. If I change "return false;" to "return true;" this links to the pages but the scrollto function does not work. Is there anyway it can do both?
$(function(){
var $pane = $('#scroll-pane');
$pane.jScrollPane({animateTo:true});
$('a#scroll-to').bind(
[Code]....
But I am doing both front and backend for a project and having an issue with a jquery slider which, when inserted, is breaking 2 other js scripts in the page, including my main menu.Can anyone point me to a resource that outlines best practices for working with more than one js library and/or raw js .I'm doing some tests on the order of the scripts right now, but wanted to put a feeler out there to see if someone has dealt with this before.
View 1 Replies View RelatedI am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
I've created a widget that my company will be posting on third party sites. It's a flash widget that has to expand when a user enters their name and hits the "send" button. The problem is cross-domain access which I know is an issue with all browsers.Our company has added a PointRoll and DoubleClick html file on our system for our ads, so my question is how do these files work? How does having their html files on our servers get them around the cross-domain issue? I will probably have to create one of these files for our widget.S: I want to once again point out that the user has to purposely interact with the widget (enter their name and click send) in order for the ad to expand
View 1 Replies View RelatedI'm running a shortcut with target:
"%PROGRAMFILES%Internet Exploreriexplore.exe" -k "C:myfile.html"
It opens the page in kiosk mode. The contents of myfile.html contains an image with an onclick to this function:
function loader(){
window.open('myurl.com','','');
}
In Windows 7 32-bit running IE8 the url breaks out of kiosk mode.In Windows XP 64-bit running IE7 the url stays in kiosk mode.I can't think why. Is it the IE difference, the bit difference or the platform difference?
I'm working with SageCRM. When SageCRM outputs the company address, I kid you not, it outputs the value and then a crap ton of HTML non-breaking spaces, a break tag and then repeat for the other address lines.My client added a button to the page via the customization function that links over to MapQuest. But, all those non-breaking spaces mess up the URL.I'm trying to fix it, but I'm having some trouble and thought I'd throw it out to you all.
Code:
// Ninja'd this from somewhere to trim whitespace.
function trim(stringToTrim) {
[code]....
I could ricie myself here pretty good by asking this. but is there anyway to prevent frames from breaking. Examples of how to break them are everywhere, and makes sense.
But a way to stop a foreign page from exiting a frame or at least limit it's chances would be pretty neat. I can both see why there wouldn't be a way to do such a thing, but thought I'd throw it out there.