Problem with dragover and iframe
Hello, I have problem with dragover and iframes. In FF everything is OK, but Chrome and IE want not initiate events over iframe. Please take a look at sample: http://msdrop.com/msdrop-jquery-test-iframe-frameset.htm Try drag over and drop sample HTML elements on iframe A and iframe B. IFRAME A (the same domain) - when you drag any HTML element from parent page over msDrop.com system in iframe, everything is OK, you can drag over, leave, or drop. IFRAME B (other domain) - dragover not working from
Jquery with Dynamic Content
Hi folks, I've been attempting to use random jquery plugins when writing vbscript programs, and they work fine as long as my content is static and hardcoded, but the majority of my content is loaded dynamically after the initial page load. I've googled around but I can't find a good solution. I've found ajax solutions, but that requires php or another site loading my data back. All my data comes from embeded functions from a button click. Is there any way to force a jquery plugin to reload itself,
Can I have help Please on a special request for Links
Hi, I am tryin to create a calendar of past editions of a magazine section. Every month is a Flash file photo gallery, I already have the current month replicating, BUT, I need to call every and each of one, of the pass editions, but NOT to creating new pages for every pass edition, What I want is to be able to call the SWF over the same page, I know is something with functions, and I been looking witout any seccess. I wonder if jquery can do something like this, it is basicly a Gallery but not of
Filtering option send to ajax request as data
I wanted to combine paginate and filtering by options using jquery ajax request. this form is for filtering purpose: <form id="formfilter" method="post" enctype="multipart/form-data"> <div> Genre:<br /> <select name="filterGenre" id="filterGenre"> <option value="all" selected="selected">All</option> <option value='1'>Education</option> <option value='2'>Entertainment</option> <option value='3'>Documentary</option> <option value='4'>Short Content</option> <option value='5'>Animation</option> </select>
ajax post issues on mobile view
why doesnt ajax post work in mobile view? is there any special way for making it work as it does in desktop view? to be more specific: I have ajax login which is set to redirect to another page on success. It works in normal desktop mode but when tested on mobile devices (smartphones) then it gets stuck in the same login page despite the success.
check box is not checking in jQuery.1.9.1.js
here is two example one using jquery.1.5.2.min.js http://demo.smarttutorials.net/test/table1.html other is using jquery.1.9.1.min.js http://demo.smarttutorials.net/test/table.html if i add more rows using addmore button then using select_all() function i had written to check all the check boxes. it working fine in jquery.1.5.2.min.js but not working in jquery.1.9.1.min.js here is code <script src='jquery-1.9.1.min.js'></script> <h1>Prescription Notes</h1> <form id='Prescription' method='post' name='Prescription'>
get Script problem
Hi all, I have a tricky problem here and need your help! I have done something like this: ... <link rel="stylesheet" type="text/css" id="css_sheet" href="stylesheet.css" charset="utf-8" /> ... $(document).ready( function() { <!--CSS and JS setting mobile devices--> mobileDevice(); $(window).on('resize', function() { mobileDevice(); } ); }); function mobileDevice() { var ww = $(window).width(); if ( ww < 690 ) { setSize('_mobile'); } else { setSize(''); } } function setSize(
Tabs in Tabs?
Is it possible to put tabs inside another tab, without having the tab they're inside of disappear when you click on them? If that makes any sense. I'm building my whole website on one page, and each separate "page" is a tab, but I want to use tabs in one of the tabs for a clothing section and I'm having a hard time separating them. Whenever I click on one of the tabs for the clothing section, the whole clothing section disappears. I'm still kind of new at JQuery, I'm in Web 3 in college right now
Issue making prototype function loop through an array and bind multiple times
Basically what I want is the ability for a user to be able to type in not only the code to get to a dropdown, but an additional value I specify. In this simple example, when a user is focused on the dropdown, my goal is for them to be able to type A or 1 to select A, B or 2 to select B, and C or 3 to select C. With my current implementation only 3 is working (which is the last element in the array), so it seems like the bind is getting overwritten. I've tryed using $.each instead of a standard for
off not working with after
hi guys off is not working when adding an onclick to an href using jQuery's after off will work when attaching an on('click') handler to the element, added with after though. any ideas why?cheers
jquery keypad
i´m using the keypad in a table with different number of rows. The keypad appears and disappears as the interested fields get focus or lost. Everything ist fine... But...and thats the problem, this table is in an iframe with the ability of scrolling... If i have a lot of rows, and want to enter some values at the end of the table, the keypad appears, but it´s not visible at all and i can´t enter every value i want. If you use the keypad on an "normal" field, in my opinion the "_checkOffset" decided,
How do I add to the control after the loop
Here is the function. How could I speed this up by adding to the control first after the for loop. function DisplayVessel(voyageArr) { for (var i = 0; i < voyageArr.length; i++) { $('#DDLVesselName').append($("<option value=" + voyageArr[i].Vesselid + "></option>").text(voyageArr[i].VesselName)); } } //Tony
Jquery doesn't work when the page is loaded using Ajax
Hi there, is there anyone here who can explain why when a page was load using Ajax,that has a Jquery script inside that page the script is not functioning, but when I load the page directly to its url it works. Thank You and God Bless.
.live blur is not working
Hi, My .blur event is not working when I use in append() div. Also I use live but still this is not working. When I recall my function in add function then its call for all next row. Below is my code: function tableOrder(){ $("#orderTable tr").each(function(){ $(this).find("input:first").live("blur", function(){ alert($(this).val()); }); //return false; }); } function addProduct(){
can't find "this" in jquery overlay
New to jquery and using the overlay tools in jquery-1.2.7.tools.min.js. I have several div's set up as overlays on an 'img' and some 'a' tags. <img src="/image/test.png" rel="#1485"> <div id="1485" class="simple_overlay"> <a rel="1486">1</a> <a rel="1487">2</a> <a rel="1488">3</a> <div id="1486" class="simple_overlay"> <a rel="1486">1</a> <a rel="1487">2</a> <a rel="1488">3</a> <div id="1487" class="simple_overlay"> <a rel="1486">1</a>
Resolved - Passing ID tags across pages.
When my main page loads, it grabs the first entry with the id="vids" from videos.html. Main Page: <div id="sidevideos" class="sidevideos"> <script> $('#sidevideos').load('videos.html .vids:lt(1)'); </script> </div> That works great, no problem. I would like to be able to pass the video link( .vids) to this function on the main page <script> var $v = jQuery.noConflict(); $v(document).ready(function() { $v('.vids').colorbox({iframe:true, innerWidth:800, innerHeight:600});
off is unbinding too much
I have a button that has two classes. I bind an event to each class and then unbind one of them, but both get unbound. Why is this happening? You can see an example here http://jsfiddle.net/2xKyM/
Can't set the width of a textbox
I have code that makes a textbox dynamically. I want to set the width with an argument. It may work the first time, but not the second or third. I'm using plain javascript, but maybe jquery could solve it. Here is the code: // +++++++++++++ function createTextBox(maxlength, theid) { var newTextBox = document.createElement('input'); newTextBox.type = 'text'; newTextBox.setAttribute('id', theid); newTextBox.setAttribute('maxlength', maxlength); var
jQuery if not IE, change style
Hello, The !IE HTML tag isn't working so I am trying to use jQuery. The code below isn't working. Please can you help me? <div id="notie"> <img src="images/warning.png" /> I'm sorry, you're not using Internet Explorer 9+. For technical reasons you will need to use Internet Explorer 9+ to copy the templates. </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> <script type="text/javascript"> !$.browser.msie('#notie').css('display','block'); </script>
how to avoid duplicate bindings?
Hello - What's the most elegant way to avoid duplicate event handler bindings in jQuery? For example, for a ddl named "myDdl" a basic handler might look something like this: $('#myDdl').change(function(){ alert('myDdl changed');}); I have a scenario where duplicate handlers are getting added for myDdl. So what's the most elegant guard clause I can use to avoid this?
extraction as an new object from json object
Hi Team i have an json object as follows {"process":{ "id": "epscustomercontact/process/book-appointment", "views":{ "BA001" : { "uri": "//scp/customercontact/appointment/book/views/details", "controller" : "scp/customercontact/appointment/book/controllers/details" }, "BA002" : { "uri": "//scp/customercontact/appointment/book/views/contact", "controller" : "scp/customercontact/appointment/book/controllers/contact"
need help with a 'click here to fade in' image that includes clickable areas
I'm having problems getting what I think is a simple piece of jquery to work right (probably because, a newbie with this, I've tried to use Dreamweaver Spry to accomplish it). I've put a tiny demo page up at http://www.griffinchaseoliver.com/ContactUsDemo.html which illustrates the problem in action and describes it best. In brief, re-hiding a faded-in image doesn't work at all in IE10, and in all other recent browsers I've tried, re-hiding the image works but a clickable link on that image's map
JQuery Ajax JSONP Request not calling timeout
Can anyone tell me why the timeout/error is not being called. $.ajax({ url: "http://myurl?callback=test", type: "GET", dataType: "jsonp", jsonpCallback: "test", jsonp: "callback", timeout: 1000, success: function(response) { alert(response); }, error: function(x, t, m) { if(t==="timeout") { alert("got timeout"); } else { alert(t); } } });
Fade in and fade out images in gallery
I have an inline list with an image gallery horizontally centralized, but sometimes this gallery can have a width bigger than the browser window, so some images will not be visible. You can also check it online here: http://3bum.com My idea: If the gallery width is bigger than the browser window, every 3 seconds fade out an image the user can see and fade in, at the same time and place, an image he cant see, replace the same image only after replacing all others, and stop it when the mouse is over
Single Script Not Working in IE
Hello. I have several jQuery scripts on my webpage. In Firefox and Chrome - all the scripts function as expected. In Internet Explorer (I am using version 9) - all the scripts, except one works. $(".SpecificTextboxClass").change(function() { if ($(this).val() == 3) { $(".SpecificTextboxClass").not(this).val(0);}}); This is applied to a HTML textbox <input type="text" name="scale" class="Validation SpecificTextboxClass" value="1"> The script works when the validation code is removed: $('.Validation').keyup(function
multi dimentional array eliment validation with jquary
i am using an multidimensional set of input elements Like : <input value="0" name="Base_fare[23][0]" onchange="javascript:basechanged(23,0)" type="text" id="Base_fare[23][0]" class="imputText2"/> <input value="0" name="Base_fare[24][0]" onchange="javascript:basechanged(24,0)" type="text" id="Base_fare[24][0]" class="imputText2"/> <input value="0" name="Base_fare[25][0]" onchange="javascript:basechanged(25,0)" type="text" id="Base_fare[25][0]" class="imputText2"/> <input value="0" name="Base_fare[23][15]"
JQuery Slider Load Time Problem
Hi, I created a JQuery Slider for a website and have a problem with it taking a long time to load. With a slow internet connection, all of the image files are displayed on the page first (one above the other) until they have all loaded and only then does the slideshow start playing. You can see the JQuery slider here: http://www.sunderland.ac.uk/faculties/bl/ What I want to know is if there is a way of amending the code to improve performance? Any help would be greatly appreciated. Ross
Javascript question
I have an input in my html. (id=myText) When I enter a value in (would be a date mm/dd/yy) I want that value to become a variable (startdate) Then I want use that variable to create other variables (d1, d2, d3) My beginners code is listed below. It's not working. What am I missing? <script> function myFunction() { var x=document.getElementById("myText"); var startdate = x; var d1 = (14).days().ago(startdate).toString('MM/d/yy'); var d2 = (13).days().ago(startdate).toString('MM/d/yy');
not able to change text inside span
I have a simple jquery script to change text inside a span tag, which is inside a legend tag ,but its replacing even the text in legend. here is my script $(document).ready(function(){ $('legend').click(function(){ $(this).nextAll().toggle(); $(this).next().is(":visible")? $(this).find('span').text('(-)'):$(this).first('span').text('(+)') ; event.preventDefault(); }); }) my html <fieldset> <legend >Recommendation Code Details <span>(-)</span> </legend>
jQuery Count Up Timer
hello http://tutorialzine.com/2012/09/count-up-jquery/ there is a jquery count up timer :) it's cool, but something is wrong ! $('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21) //year, month, day, hour, min, sec }); when I set up date, calculations is performing bad. Why ?
.when() is not working with ajax call
Hi, My code looks like this: $.when(myAjaxFunction()).done(function(myMessage){ alert(myMessage); }); In this case, I'm getting an error that myMessage is undefined. How can I make sure that the myAjaxFunction() is executed and completed before I display myMessage. I thought .when() was designed for this scenario but it's not working. Any idea why? Thanks, Sam
My jquery is Not supporting at Fire fox and google chrome ???
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min. js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> var Type; var Url; var Data; var ContentType; var DataType; var ProcessData;
SetInterval on subpage loaded by AJAX.
Hi, I Have problem with setInterval on my page... In Main page i have JS code: <script type="text/javascript"> $(document).ready(function(){ $('#otworz_kosci').button().click(function(){ $("#kosci_dialog").remove(); $("#zawartosc_dialogi").html('<div id="kosci_dialog" title="Kości" style="display:none;"></div>'); var link = $(this).attr("href"); $("#kosci_dialog").dialog({draggable: false, modal: true, resizable: false, height: 600, width: 750, show: 'fade', hide: 'fade'}).load('ajax_php/hazard/kosci.php');
How to hide and show divs?
I am trying to create two divs, one main div and another sub div. Main div there will be a button upon clicking that button sub div should be shown. I am using the following code but getting error.... <h1> Show/Hide using jQuery</h1> <a id="showhidetrigger" href="#">show/hide</a> <div id="showhidetarget"> This is the box that is hidden and shown. </div> <script type="text/javascript"> $(document).ready(function () { $('#showhidetarget').hide(); $('a#showhidetrigger').click(function () { $('#showhidetarget').toggle(400);
Thousands Separator
Hi, Does anyone know how to put a thousand separator on a number e.g from 1000 to 1,500 using java script
How can I do php variable in alert function ?
What is the problem here? Help me please ... <head> <script type="text/javascript"> function funk(yy) { alert(yy); } </script> </head> <body> <?php $deg='Lorem ipsum dolor sit amet';?> <script type="text/javascript"> var xx=<?php echo $deg;?>; funk(xx); </script> </body> </html>
Ipad problem
I am having an iPad problems.. Hear is the link. http://asoft6439.accrisoft.com/elyria/index.php?submenu=_capabilities&src=gendocs&ref=Capabilities&category=Main On the Home, Markets, Career, and Contact the pages are working perfectly. They center and the ipad does not move from left to right. The other pages are not. l am using the same code on all the pages.
Sending XML Data and Credentials using $.ajax
Hello there I am successfully using the $.ajax(0 function to get data from a server in what I understand is a relatively secure way: $.ajax({ type: "POST", url: "...", cache: false, data: { username: "...", password: "..." }, xhrFields: { withCredentials: true }, ... This works fine, and is in fact what I understand to be a more secure replacement of the original code, which used "GET", and which appended the user name and password to the end
button add select
guys i tried insert the options in my select inside div staff-tag, but i dont have sucess, someone can help me, and say whats wrong? thank you. $('#staff_specialization').click(function(){ $('#staff_specialization').append( $("<option></option>" , { text: "foo", value: "bar" }) ).appendTo("#staff-tag"); }); <select id="staff_specialization">
Dialogs and datatable
I have a datatable , contains data that has hyperlinks opened in a Jquery dialog to open different URL. I am using different divObj.dialog('open'); to acheive this. Now when I click each link first time when the datatable loaded the target page is opened properly with data populated in it. But when I click the second link without refreshing the datatable I only see the html getting loaded without any data in it. I thought this is something to do with the datatable closing. I even tried destroy the
Next Page