I have a script who work perfectly as an inline script :
<script>
I have tried to externalize it :
But when I click on the "lnk.addnote" link, the dialog is shown and immediately closed. In fact i can see the "ADD FIRED" alert, then the "CREATING DIALOG" alert but nothing appear. And finally I got this message into the Firebug console "$ is not defined".
$("#aPlus").click(function(){
Why second $.ajax is not immediately activate.
There are so many plugins for modal dialogs that I don't know which one should I use and/or which one is the best... I mean, if there was only one plugin of this type including all the features from all the modal plugins, that would be cool. Which one do you think it's the best and why? Care to state the pros and cons of each plugin (or the ones you know/have already tested)?
View 24 Replies View Related(I have tightened up my original example) I'm trying to invoke modal dialogs from within a tabbed UI, and I'm confused about the behavior I'm seeing. The first time I display the UI, my dialog behaves as expected, I can pull the data out of the fields, everything's wonderful.
[Code]....
I'm using this colorpicker, and it is wonderful. However, I want to use it inside a jQuery dialog box (on an input tag inside a form just like the example in the website), but the problem is that when the colorpicker appears it is partially behind the dialog (on the z-axis) and therefore unusable. FYI changing the zIndex property on the dialog does not work.
View 1 Replies View Relatedim getting this error when on my script that rebinds functions and recreates dialogs, what could be the problem?I am using jQuery 1.5.1.min & jQuery UI 1.8.11
[Exception... "'Syntax error, unrecognized expression: "' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] Line 0
Code like the below creates almost always more than one and sometimes as many as ELEVEN dialog boxes. This frustrating behavior doesn't seem to be affected at all by whether you choose "OK" or "Cancel".Is this a known issue and if so, is there a workaround?
$(".delete").live('click',function(){
if(confirm('delete stuff?'){
$.post('delete.php',{toDelete:$(this).attr('id')},function(){
[code]....
am having a little bit of trouble with a callback function that seems to be executing immediately rather than waiting for the animation to finish.
[Code]...
I have written code that looks like this. The code works great for about a split second and then the page refreshes itself and I am back to square one. How can I prevent the page from refreshing itself and wiping out my jQuery changes. The page I am working on is located here [URL]
[code]
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
[Code].....
I'm pretty sure after reading this board and many like it that it is
impossible to change the ok, ok/cancel buttons that appear by default
in the alert and confirm javascript dialogs. Now for question one why
not? And question two why do they still say ok and ok/cancel when
viewed in a non-english browser install?
I have installed Chinese IE 6.0 and these buttons still say Ok/Cancel.
the rest of the browser (buttons, menus, etc...) is in Chinese except
for these two stupid buttons. No one final question, whould having a
reginonal OS installed make any difference. Right now I'm using an
English OS but with the Chinese browser mentioned above.
In my application I've the small line:
THis is very nice effect and more easy to use than the CSS method. I'll use this for some hover states.
Problem is that the opacity starts when the page is loaded. So you see the images 'flash' from normal to 'opacity: 25'.
Is there a method so the images have the opacity value immediatly, instead of when the page is loaded? Like a step before 'document.ready'. Or is the only way, the CSS way?
I'm in the process of building this Ballroom Dancing website that has a simple dropdown menu. The menu works if I immediately call jQuery right above the javascript for the menu, ie:
Code JavaScript:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/menu.js" type="text/javascript"></script>
The problem is that I don't want to do this because I already have WordPress calling jQuery several lines above for some other plugins. Is there a reason why it will only work with jQuery included right above? You can visit the site at www.zumbasudbury.ca to see the non-working dropdown. Hovering over Ballroom should produce a dropdown of two items.
There is probably something going on in my environment but when running 1.5.2, jquery runs and behaves fine. When I switched to 1.6.1 immediately the success callbacks of ajax functions did not trigger. I did not see the release notes mention anything new regarding that.
This includes
$.post("url", function() { console.log("will i get printed?"); });
Here is a code sample which fails
$(".foo").click(function(e) {
var link = $(this);
e.preventDefault();[code].....
The callback function for the ajax is never invoked.As part of my application, I have the following ajax setup going
$.ajaxSetup({
'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}
});
Firefox 4.0.1, Ubuntu 10.04, Firebug 1.7
1) I'm using a lightbox script (namely URl... but I don't think that matters in this case).
2) Since the lightbox scripts appears to intercept the 'onclick' event, I have to use 'onmouseup' to call the ajax, which is not a problem, just a note.
3) My link is: <a title="Click to View Logo" onmouseup="getLogo('44');" href="#displayimage" rel="displayimage" class="lbOn">
4) The javascript function 'getLogo' calls an ASP page which then feed the logo back to a div with ID "displayimage"
5) I have tried to add the following code to the ASP page to close the lightbox, but it does not work: <a href="#" class="lbAction" rel="deactivate"><img src="_images/button_close.png" /></a>
6) If I add the code above to the page itself (rather than from the ajax call), it successfully closes the lightbox, so I know the code itself is fine
Can I use the lightbox to call multiple DIV tags? Since the ajax call loads the content of the ASP page into the div (replacing what may have been there of course), I cannot place the "close" script into the "displayimage" div.
I'm working on hiding all of a page's content immediately via Javascript. I want to avoid using CSS to display none just incase I run into users who don't have JS enabled.
I wanted to get advice from others and see what the difference is between using jQuery actions within $(window) or $(document).ready. From what I understand, $(window).bind("load, function(){ etc. will only use the script once all contents on the page are loaded, including images?
And $(document).ready(function(), etc just requires the DOM to be ready but will still execute code even if images, etc. aren't loaded.
Given the following in the <body> of an HTML page:
<form name="test" action="action">
<input name="test1" value="abc">
<script type="text/javascript">
alert(document.forms['test'].elements['test1'].value);
</script>
I have two questions:
1. Is there anything in the specs/standards that says the <form> and <input>
objects must be available for reference in the DOM as soon as they are
parsed in the document, so that the script will succeed? I couldn't find
anything.
2. If nothing is in the specs/standards, then does anyone know of any
browsers which would not make the objects available for script immediately?
I'm wondering if, for example, a browser would only make the DOM available
to script once it is fully loaded and parsed?
So I'm trying to write this simple little form, where you input values and it calculates something and spits back the answer in a text box. I just started out and this is what I have so far. The problem is, the javascript line I use to change the value of the textbox in order to show the result doesn't work. The value I change it to flashes, and then disappears.
So for example, I hit the "Solve!" button and I see the word "current" in the textbox, but then it just disappears. I'm working in firefox.
<html>
<head>
<script type="text/javascript">
function calculate() {
[Code]....
I wrote a script to construct chords to make writing music easier for me. The script works, it shows there are no errors, and it does what I want it to do, but the page keeps refreshing almost immediately after the Alert box goes away. I have no idea whats going on. I don't know if it's the JS or the HTML part of the page.
<head>
<script>
function calc()
{
var type, note, root, third, fifth, seven, ans;
var notess, notesb;
[Code]...
var x = "blahblah".indexOf("blahblah");
if (x !== -1){
// do something with x
[Code].....
Is there some syntax/code structure that allows something like this:
if ( (var x = "blahblah".indexOf("blahblah")) !== -1){
// do something with x
alert("Present");
[Code]....
I'm using an ajax script that receives a value into an input box and thus performs a function. I need to invoke the function immediately after the input box has a value. Currently the box has to lose focus in order for the function to work.
[Code]...
I'm using jQuery 1.4 to hide a div (#cartPop) when the "close" link inside of it (#cartPop a) is clicked. Since I'm using animate() to fade the div out (opacity), I also have to use hide() to get rid of the div once it has faded out (otherwise the invisible div, which is on a higher z-index, blocks the elements on a lower z-index).
Code:
The problem is that the hide() function calls immediately without waiting for the animate() function to run. Even if I append a delay() function before hide() like so:
Code:
...it still doesn't wait.
Basically i am doing a form which allows the user to input the office branches for this company. The user can input up to a maxi of 10 branches' details like location and tel.
the form details for each branch looks like this
<tr>
<td align="left">Location/font></td>
<td align="left"><input id="location" name="location" size="20"></td>
</tr>
<tr>
<td align="left">Tel/font></td>
<td align="left"><input id="tel" name="tel" size="20"></td>
</tr>
I would want a dropdown menu which allows the user to select 1 to 10 offices and with that the immediate appearance of the number of branches after the user has made the selection.
Another possible way is a link which allows the user to add another branch and keeps adding till a maximum of 10.
I want to trap the window.close() event when the user clicks on the close button of the browser using javascript. Can anyone shed light on this problem ?
View 1 Replies View RelatedI have recently been working on a custom gui and am having trouble with a section of my code that handles the creation of window-style dialogs: (i appologise in advance but i had to include the whole code as Google Chrome would not pin point the error and only gives the error "Unexpected end of input")
[Code]...
show images after people scroll down the page - don't load them immediately after the page is loaded.also the images which are below the scroll should be first loaded when an user scrolls down.i need a javascript for that, but i don't want jquery! the code should be as short as possible.
View 2 Replies View RelatedHow can i precache those menu pics in order to make them change immediately on mouse over?
[url]