<source> tag...how to change src?
Do jquery support <source> tag? How do update the src attribute? <video autoplay> <source src="myvid.mp4"> <source src="myvid.ogg"> </video>
Tooltip not working the latest jQuery
Please see my Fiddle example when I change the jQuery version to the newest one the Tooltip does not work. http://jsfiddle.net/mahmoudjava/yjL5P/ My development I have jQuery v1.11.0 and jQuery UI v1.10.4. Thanks,
Use of getPreventDefault() is deprecated. Use defaultPrevented instead
On my html page , on click of a checkbox i am getting error Use of getPreventDefault() is deprecated. Use defaultPrevented instead. @ https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js:3 due to this error, the checkbox is not getting checked.I am using firefox browser. my html code for this checkbox is <input type="checkbox" name="recipient.Subsidiary" value="true" id="recipient.Subsidiary" /> <input type="hidden" id="__checkbox_recipient.Subsidiary" name="__checkbox_recipient.Subsidiary"
Jqplot & JSON data from Ajax Request
Hi, I wolud like to have jqplot graph with actual data beside on user choose in select (html element- alias comobobx). I found this working example (from this thread), but still can not understand, why my code doesn't work: http://jsfiddle.net/A24cm/ edit: problem is, that data must be vartype array, not string... but how to build array on returning string? data.split(';').each(function(){ ... new Array(left, right) }); ¯\_(ツ)_/¯
Datepicker - user access
Hi there, I've created some pages using the excellent DatePicker and everything works fine on my development PC where I have both the code and web server (IIS 5.1). However, when I set up the site on a server (Win Server 2003/IIS 6) there appears to be a permissions issue. When I sign in to the site, I have to enter my credential again when I first encounter a page with a datepicker on it for the button and calendar to be available. Other users don't even get that option and have to type the
How to implement lazy load to booklet.js?
I'm using Lazyload to load my images. http://www.appelsiini.net/projects/lazyload To check if lazy load works, On partial load - i save the page (Save As) in my browser and compare it with the fully loaded page. [the size of fully loaded page >> size of partially load page] But in booklets.js - http://builtbywill.com/code/booklet/installation when i follow the same procedure, the entire page is always saved. [the size of fully loaded page = size of partially load page] My booklet is full of images
Jquery ajax and returned data interaction
Hi there, So.. I'm using $.(ajax) method, but when data (<div id="t1">text</div>) is returned jquery will not interact with it. for example, use click event when someone click on this div which returned using ajax. thanks.
Bounce not working on first open of a dialog window
I am using the following code to open a dialog window with a bounce effect. $( "#dialog" ).dialog({show: { effect: "bounce", duration: 800 }, buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ] }); The first time I open the dialog window it doesn't bounce. It bounces for all subsequent opens. This issue occurs in IE, FF and Chrome. Is this a bug or am I doing something wrong?
Using JQuery in a bookmarklet
I'm trying to create a relatively complex bookmarklet that uses jquery as well as some other large scripts. I know the trick of inserting <script> tags in order to load jquery and my own script. What I can't figure out is a reliable way to wait for jquery to be loaded so that I can continue execution of my scripts that use $. Right now I'm trying to busy-wait for $ to be defined, but sometimes that seems to totally hang my browser if there's some problem fetching jquery. I could add a timeout
Exchange content of two divs with a seem class name
Hi Suppose i have two divs with the seem class name for example "column", how to toggle theirs content when user click and with a sliding animation if possible. For example : <div class="column">Content 1</div> ... <div class="column">Content 2</div> ... <span class="togglediv">Toggle</span> When toggle span clicked, the result will be : <div class="column">Content 2</div> ... <div class="column">Content 1</div> ... <span class="togglediv">Toggle</span> Thank you
There is any function to add a smooth effect to an expand search bar on click?
I'm trying to make an input search that expands when we click in the button class = "expand". I already have this working with this basic jQuery, but the effect is a bit bad, its not soft. I've been looking for information on the web to see if I can add an effect to soften the expansion of the input but can not find anything. Anybody out there know what function I can use jQuery for this? jQuery <script type="text/javascript"> $(function() { $('.expand').click(function() { $('#test').show(300);
History and the back button
I have a web app that I converted from corral methodology design (one stub file that includes header/content/footer) to a one page ajax system. The index page calls a router page via ajax that includes a code (lasso or php) and html page just as corral. After the code is loaded into the content div, I bind all forms and links with ajax back to the same div for content. Works flawlessly UNTIL I need the back button to work. I have looked at history.js and others but am unsure of the easiest path.
jAlert is not working the JSP code
Hi, jAlert is not working the JSP code. I am checking if jQuery loaded and based on that displaying alert using jAlert if(typeof($) != 'function') alert('This component requires jQuery.'); else $(function() { jAalert('The DOM is ready for jQuery manipulation.'); }); can you please tell why its not working
Is it safe to pass plain text password to jQuery.get()?
Title. $("form").submit ( function(event) { $.get ( "/php/scripts/authenticate-user.php", { email: $("#email").val(), password: $("#password").val() }, function(response) { $("#result").html(response).show();
simpleModal does not resize after image load
0 down vote favorite It seems that, unless the image it displays is already loaded, simplemodal won't resize to encompass the image. I've tried to preload the image, setContainerDimensions() and update() but I'm too inexperienced with jQuery to implement these possible fixes correctly. I know others have had similar issues but I'm sure it's nothing wrong with simlemodal, which is great, though the demos are a bit limited. jQuery(function ($) { // Load dialog on click $('#basic-modal .basic').click(function
Highlights some <p> class
Hi guys, im new in jquery but im trying my best. Here's the problem, i have this "formulary" with some questions i made with <select> and its working fine. but i need to highlight some paragraph on the text when the guy marks the correct option. heres some part of the structure( if you want i'll put the whole thing) <p> text text text text <p class="class1"> TEXT I NEED TO HIGHLIGHT WHEN DUDE SELECT'S RIGHT OPTION<p> text text text <p> function verificaQuestao1(){ resetaAlternativaQuestoes1();
jquery settings wiped out when I cover webpage with a div
I have a webpage with JavaScript and jQuery. It initializes some global variables, and runs a (document).ready routine. But I also have a button on the page, that when it is clicked, causes a DIV to appear that covers the page. The DIV's CSS class is: .overlay { position:absolute; top:0; left:0; width:100%; height:100%; min-height:100%; z-index:1000; display:none; } Note that normally it is invisible, because the display is set to NONE, and also note that it
problem with toggle (shows and hides many times)
I made a toogle navigation and it doesn't work. when I click on a link in the menu, the toogle appears and disappears several times. I'm really new in jquery. Could you help please? <script type="text/javascript"> $(document).ready(function(){ $(".btn-open").click(function(){ $("#panel").slideToggle("slow"); }); $(window).resize(function(){ if ($(window).width() < 1024) { $(".navigation li").click(function()
JQuery Load and missing data
Hello ! I have a webpage containing lots of php and JQuery code. From this webpage, I use the Load function to open popup window and load webpages inside it. I noticed that, randomly, I get some console error about "typos" in the code when opening the webpage, like "var foo 10" instead of "var foo = 10". Weird thing is, what's really in the webpage is "var foo = 10". When I check the post performed when the load function is fired, I can see it load the page with missing/modified data randomly, causing
sort
Hi, I have the table is displayed the results from the query. It worked fine the sort by asc or desc. Is there the way to find out which field is user is clicked on for sorting? My code below has 4 fields. I want to able to tell which field is user is clicking such as, Type or Number or Result....? Thanks <script type="text/javascript"> $(document).ready(function() { $("#thetable").tablesorter({ // sort on the first column and third column, order asc sortList: [[2,0]]
Ajax problem can't figure out
I have a slect menu that i am passing value to ajax ...this is giving me constant error but should be simple. Does anyone see what I'm doing wronmg. Using jquery-1.10.2.js with http://code.jquery.com/jquery-migrate-1.2.1.js CODE: $("#Dcust").change(function () { $("#Dcust option:selected").each(function () { var BCN = $("#Dcust").val(); var request= $.ajax({ type: "GET", url: "PM_incl_FiscalPeriod.asp?BCN="+BCN }); request.done(function(msg){ $("#FIDcontainer").html(msg);
Navbar Tabs Active Issue
Hi Team, I would like to say thank you to team for provided great framework. Yes I have started mobile application with using 1.4.2 latest version. In specific screen I have used Navbar for Tabs and same screen I have overlay menu also like example (http://demos.jquerymobile.com/1.4.2/panel/), when I pressed 2nd tab tab will be activated and change to some other background color which is shown tab activated. Now my 2nd tab activated click on overlay menu icon, once I clicked overlay menu icon activated
Problem using word search and highlight
Hi! I was looking for a simple search and highlight code and I found this one: $(function(){ function searchAndHighlight(searchTerm, selector) { if(searchTerm) { //var wholeWordOnly = new RegExp("\\g"+searchTerm+"\\g","ig"); //matches whole word only //var anyCharacter = new RegExp("\\g["+searchTerm+"]\\g","ig"); //matches any word with any of search chars characters var selector = selector || "#bodyContainer"; //use body as selector if none
bug with chome and popups
Hello, I found this bug and I wonder if anyone else has experienced it. I have a popup with only an image inside; the image is inserted in the code, it is not a background image. With Firefox, by clicking on the link that opens the popup, everything is fine. In Chrome not, it is like it is not calculating correctly the size of the image. I have to adjust a bit the size of the window and the image in the popup appears. This happens only the first time the popup "open", the second time it opens fine
Run a function after pagecontainer change
I'm wanting to run a function after a pagecontainer change to populate my page from a DB. I'm looking for the same functionality as .ready() in jQuery. I've seen both load and show, but I can't get either to work. I've used the following code: function goToHome(){ $(':mobile-pagecontainer').pagecontainer('change', 'index.html', { show: alert('test'), transition: 'slide', changeHash: true, reverse: false, showLoadMsg: true, reload: false }); } But my alert is
Slide menu loading from other file
Hello. I have my new site at www.nirn.pl and i want to do small, but hard for me thing. I need to load sliding menu from other file, because its impossible to copy later menu to all html files. Somebody can give me some help how i can do this. I dont want to change structure of my menu.
Enable checkboxes by another checkboxes
Hi Guys, I using following skript to enable/disable checkboxes depend on other checkboxes. Any idea how to make this script more simple and general. For example if I will need to add another group of checkboxes in the future or if there will be more than two levels. Fiddle HTML <form name="" id=""> <input type="checkbox" name="" class="controller01" />Controller1 <input type="checkbox" name="" class="controlled01" /> <input type="checkbox" name="" class="controlled01" /> <input type="checkbox" name=""
Upload Image and insert the name in Database
$files[] = $uploaddir .$file['name']; $photo=$_POST['photo']; $query = mysql_query("INSERT INTO mosque VALUES('', '$nom', '$long','$lat','$photo','$adresse','$ville','$pays')", $this->db); th name of photo has inserted ike this:C:fakepathChrysanthemum.jpg, i want to insert just the name of image
I want my <p> to disappear when double clicked.But I can't figure out what's going wrong here.
<title>click demo</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <style> p{ color: red; margin: 5px; cursor: pointer; } p:hover { background: yellow; } </style> </head> <body> <div> <form> <input type="text" id="myText" value=""><br> </form> <input type="button" id="but" value="Add" /> </div> <script>
Delete records as per check boxes 'checked' works but cannot refresh the page at the end
Dear All I had written a jquery that will select multiple records and delete them The JQUERY Deletes the selected records (records whose check boxes are checked) But, refreshes the page after deleting each record which is I want to Refreshes the page only after deleting all 'selected' records ->at present refreshing the page after deleting each records I amusing following code to refreshing the page location.reload(); // refreshes the page If possible display the list of records deleted in
Changing an image
hello I am wanting to fade out a series of images from my web page and I have written a few lines of code to complete the task. I have, say, three images 1.jpg, 2.jpg and 3.jpg. I create a for loop to write to a div container each of the jpg's. I cannot get the functions to work properly. The images do fade but they do not update, they all stay at 3.jpg. Can anyone explain what I am doing wrong, pleasE? The code function DoImage(pageId){ var imageContent function DoImageShow(index){ imageContent
Panel is not displayed
I have implemented a Panel, but when i click on the button to display it, nothing happend. U can se it on http://mobile.babiry.com/. The top right button should display the panel. Thanx for your help!
External panel not animating smoothly JQM 1.4.2
Hi guyz, I've setup a testcase with an external panel. When I click the menu-bar icon (top left) the external panel is sliding in 2 pieces ("close" and "page A") items, and the rest "page b,c,d". Same splitted sliding effect is occuring when the panel is closing. First the bottom 3 items dissapear, then the top 2 items. This behaviour is not quite pretty. Bug in 1.4.2? Check out my testcase http://apps.flexmedia.be/wvt Thx, Christophe
Sidebar Menu Scroller
I am trying to develop Sidebar scroller (Its an Audit application), at the sidebar i want to give form question link which will be opened on side page as form so user can fill the form. I have got more than 1000 questions, wile selecting the question the side bar menu scroller need to get some specified color from both side. eg: if i am selecting question 1.1.1 it need to get some color as highlight on both side of the scroller, i dont want entire link to be colored. Any help please. Thanks.
.val()
Maybe someone here can help me. I'm trying to use some jquery to do a work around for ckeditor/cf bind issues. my form: <cfinput name="validate" class="temp" type="text" bind="cfc:model.myfucntion({selectvalue})"> and I have a select with an onchange event executing my jQuery. in the jQuery function: If I do console.log($('.temp')); I get the object example: [input#validate.temp, prevObject: jQuery.fn.jQuery.init[1], context: document, selector: ".temp", constructor: function, init: function…] 0: input#validate.temp
Problem with automatically generated <br> after <script> lines using jQuery UI Accordion
Hi! I'm using a simple jQuery UI Accordion. Every time the accordion works properly, there's a huge white space. If I add text before the scripts run, the space is after the text but still before the accordion. Using Inspect Element, it looks like <br></br> is being generated 3 times - once after each <script></script> line of html (see below). I don't know why they are being added or how to remove them in my html code. Here's the html in my WordPress Text editor. In the example, the white
Can be be done with jquery or ajax?
Hi, I have a desparate situation. Sorry for bothering you with it. I have this: <asp:RadioButtonList ID="RadioButtonList1" runat="server" align="center" style="width:20px;height:20px;zoom:150%; white-space:nowrap;"> </asp:RadioButtonList> The values of RadioButtonList are not known until runtime. However, I did a VIEW SOURCE and was able to get their values. What we would like to do is determine the value of RadioButtonList1. It is say, for instance, 29, then show a certain textbox. Here is one
OO PHP, Dynamic Menu Sortability, & Database Updates
I have found jQuery examples of how this can be done using html post data. But when I apply it to my OOP web app I cannot get it to work. There is defiantly something I'm missing. I am very new to jQuery. Here is what I am trying to accomplish. I have a CMS app with pages for CRUD. Each page requires header.php, which contains the html header info and html body elements common to every page. My menu navigation div lives in this header.php file. A PHP function, navigation(), is what outputs an unordered
where can I get this amazing script
Dear Sir My client want (for slide show ) juist like http://www.photorestorationretouching.com/ Pls help where can I get it ? Pls help
with UI datepicker i have two buttons to select previous and next month problem
My goal is to have two buttons to select previous and next day. (I tried it with 'm' for months: same defect). This is my code: $('#oneDayBack').click(function(){ $('#datePicker').datepicker('setDate', 'c-1d'); alert($('#datePicker').datepicker('getDate')); }); $('#oneDayFwd').click(function(){ $('#datePicker').datepicker('setDate', 'c+1d'); $('#datePicker').datepicker('refresh');
Next Page