How I can Get a substring from String using JQuery
Hi, I have the string 'demo1/UploadedImages/Container1/Imagename.jpg'. Now I want to get the string 'UploadedImages/Container1/' as a string and 'imagename.jpg' as string individually. How can I achieve this using jquery.. Please give quick reply.. Thanks in advance..
call jquery from document.write
Is it possible to call jquery functions in document.write ? Like google ads, I want to call document.write from domain A back to a page on another domain. The way i do this for text is simple, but I want to also call more complex javascript functions and I would like to use jquery functions.... Is it possible? Thanks
jquery quiz show result as html output
Hi, I am working on a quiz using jquery. The result is shown as alert window. But it is not working sometime. I want to add following functionality. 1) Show final result as HTML output. 2) Submit answer on radio button check and not on NEXT button. 3) If checked answer is correct,make it GREEN font or if it is wrong make it RED font. The link for fiddle is http://jsfiddle.net/3kpFV/80/ Please reply. Thanks.
How do I navigate 'back' dynamically ?
I can navigate dynamically using: $.mobile.navigate('#' + pageId); But how do I get the reverse animation? I have tried the below but I see no change :-( $.mobile.navigate('#' + pageId, { reverse: true }); and $.mobile.navigate('#' + pageId, { direction: back });
View The Retrieved Data from webSQL Database in list
I want to view the database data in <li> format and actually the data are names of picture I want to view. Here's the javascript database code var createStatement = "CREATE TABLE IF NOT EXISTS batikPattern (id INTEGER PRIMARY KEY AUTOINCREMENT, originalPattern TEXT, outlinePattern TEXT)"; var selectAllStatement = "SELECT * FROM batikPattern"; var dropStatement = "DROP TABLE batikPattern"; var db = openDatabase("BatiQu", "1.0", "Address Book", 200000); // Open SQLite Database var dataset;
Error while fetching data from cross domain using ajex
when i try to fetch the data using Jason from cross domain i am getting this kind of error "Error: jQuery1910031708905171111246_1388038501367 was not called" i am using ajax callback functionality and my jQuery version is 1.9.1. $.ajax({ type: "GET", url: 'my url', //the script to call to get data jsonp: "callback", dataType: 'jsonp', //data format timeout: 10000,
What do you think about my new project?
Hi all, I'm sorry for my bad english. I'm trying to create a new javascript library to build stylesheet on the fly. This library is using jQuery as its core. Please visit my project Tocm Library and tell me what do you think about my project. Whether my project deserve to be continued? Whether my project have a future? Thanks, Nanang
Error label in jQuery Validation
The error label after validating form with jQuery validation doesn't appear at the correct place. This is the matter only with radio buttons and checkboxes. Instead of appearing the error label on next line it appends with the radio button/checkbox. Here is the sample layout: Here is the HTML code I am using for radio buttons: <div> <input type="radio" id="1385825951-27-0" name="1385825951-27" value="Male" required><label for="1385825951-27-0">Male</label> <input type="radio" class="gief-radio"
Javascript not executing on window.onload when page first loads, but does after a page refresh
I'm pretty new to JQuery and think I have a fundamental misunderstanding of how JQuery mobile works. I'm learning as I go, so I'm not necessarily looking for a specific answer, but a direction to go find it on my own. I am writing some javascript functions with PHP at the server. When the page loads, there is a window.onload command that runs one of the functions. Contrary to what I'm thinking should happen, it doesn't. The script is written at the server then served to the browser. At which time
jqXHR object ?
Is it possible to get access to the jqXHR object from the pagebeforecreate or other jqm event? I'd like to have access to the entire page response (responseText) - not just data-role="page" specifically, I'd like to grab the shortcut icon from the requested page so that I can dynamically update the page's icon.
jquery table plugin with edit link
Hello, I am new to jquery and I am looking for plugin like DataTables which will populate based on the data from server but will have edit button as well. If the user clicks on the edit button a form should open(i dont want inline editing) with pre populated data. Thanks, Samir
How to trigger an analytics event on a page scroll ?
After checking a couple of forum and trying different script, I still do not succeed to trigger an analytics virtual pageview for a scroll down on my test page. The page is http://2eurosocks.com/test-scroll.html. The JQuery file is jquerytest.js I'm trying to use the on scroll function when a user reaches the div id=pageBottom. Could anybody have a quick look and tell me what I am missing please ? Thanks a million.
Encontrar un elemento dentro de otra pagina cargado con .load
Hola, no consigo seleccionar un elemento cargado de otra pagina. Os pongo mi codigo: index <div id="contenido"><!-- aqui ira la pagina cargada --></div> Mi funcion dice asi: $(document).ready(function () { $('#contenido').load('1.php'); if ($('#act').length){console.log('encontrado');}else{console.log('NO encontrado');} }); y la pagina 1.php: <p id="act">hola</p> En la consola siempre me sale "NO encontrado". Como podria hacer para seleccionar ese objeto? Saludos.
Function doesn't work with latest API
I have the following character counting code. It works fine if the line to load the API is jquery/1.4/jquery.min.js. If I change it to jquery/1.10.2/jquery.min.js, the div doesn't update. Would someone point out the problem, please? <div><input type="text" name="title" value="Replace me" id="pagetitle" onkeyup="javascript:return ShowCharacterCount('pagetitle')"> </div> <div><input type="text" disabled name="title_cnt" id="pagetitle_cnt" value="0"></div> <script type="text/javascript"
Slide Show in Html 5
HI ALL I have requirement to create slide show using Jquery in html5.I used Jquery sliders which is not working can any one help me how can I do slide show using jquery Thanks Quality Communication Provides Quality Work MOHAMMAD SIDDIQALI.
Refresh containment for helper during the dragging
Hi! I have document as the containment for helper. During the dragging document may be increased, on the specific event. How I can refresh cached containment boundaries? Now I have to use private methods like this: ``` //somewhere inside my event handler $.ui.ddmanager.current.document = $(document); $.ui.ddmanager.current._setContainment(); ``` Thanks!
How to Create Slide Show using .clearQueue()
Hi Folks, * I am come acrossed .clearQueue() method which is part of jquery Effect Section. *And I found it's very different and through this I want to create the slide show .Can any one help me in how can I create the slide show on page loads using ..clearQueue() method. Thanks
slide and collapse working together
I have a page with 4 rows and 2 cols, in each of this rows is a bootstrap accordion and an image which is in the other column. When the header is clicked the accordion opens(bootstrap collapse) and a hidden div with images is shown under the image already visible on the page (slide jquery). So with one click 2 divs open(accordion body+hidden div), this works for all 4 accordions when I use different ids for the accordions, but they stay open. I like to have them close if another header is clicked.
jquery fliping problem
HI All I am using jquery fliping plugin "jquery.flip.min.js" , i Face problem Mouseleave doesn't trigger when Mouseenter is not completed yet
jQuery 2.0 | Youtube API 2 - Get data of each video ID from Playlist feed excluding private or deleted videos
Using the Youtube API 2 for embedded iframe, and after dynamically building a list of videos from a playlist feed which is rid of private or deleted videos, I aim to retrieve the duration of each fetched video through jsonc, kinda like so: // Code to first display playlist feed and remove private or deleted videos (if any) not included here. . . . var vid = Array(); $(".list:visible").find('.videoID').each(function(data){ vid[data] = $(this).text(); var video = '//gdata.youtube.com/feeds/api/videos/'
more questions on xml and toggle
I am reading xml just fine and displaying embedded<li> selectively using toggle(). I would like to diplay a plus sign next to items that haven't been expanded, and a minus sign to indicate that something can be collapsed after it has been expanded. I can show a plus sign easy. I can even show a minus sign, but it get s applied to all the <li> and I can't seem to get it to switch back to plus either. I have tried to accomplish this by writing various iterations of a function inside toggle. I would
Ping test for external URL (cross-domain) using JQuery
I am trying to do an PING test to an external URL to see it is available or not. So i want to make an HTTP call to than external URL and expecting the status as 200. When i tried with $.ajax, $.post and $.get and all, i came to know that there is Cross-domain issue. Then tried again by creating a proxy in my apache server, as below. RewriteRule /l2/eddUtilityService/eddUtilityService.wsdl http://AAAAAAAAAA.com:59060/eddUtilityService/eddUtilityService.wsdl ProxyPassReverse /l2/ http://AAAAAAAAAA.com:59060/
How can I validate a textbox for numbers only?
Hi, I’m trying to validate a field for numbers only. I’ve been trying the following script but it doesn’t work. <script type="text/javascript"> $(document).ready(function () { $('#saveBtn').click(function () { var trial = $('#HomeworkGrade').val(); var numbers = /^[0-9]+$/; if (trial.value.search(numbers)==-1) { alert('Correct data is entered')
range slider inside panel doesn't work
I have some sort of canvas paint apss on mobile. I would like to increase the paint brush size simply with a range slider but as soon as I increase the value in the slider, the paint brush size does'nt seem to increase at all. Here's the code. I put the range slider inside a panel <div data-role="panel" data-position="bottom" data-display="overlay" id="bottompaneloverlay2" data-theme="a"> <div class="ui-bar ui-bar-c"> <form id="largeurs_pinceau"> <label for="largeurs_pinceau">Brush Size:</label>
New issue (1.4) with date fields causing major problems
Hello, This I'm sure did not happen in 1.3 or I would have seen it - but now I see it all the time, and it's causing data to be lost. We simply have a date field <input type="date" value="" name="dadNeededBy" tabindex="10">And when you enter it on the FireFox browser or the iPHONE, it works and enters the date into the system. When you go back to the form, it is: <input type="date" value="" name="dadNeededBy" tabindex="10" value="10/10/14"> The issue is on the browser (FF, IE, Chrome), it's fine
JQuery Demo Page Text Input
Your H2 and H3 tags are messed up in the demo Text Input page.
.on() target and selector question
Hi: This is for a modal div with mask. <body> <div id="content"> <p>blah</p> </div> <div id="modal-box"> <a class="close-btn">there's an image for this, but whatever.</a> </div> </body> So the #modal-box is on the page like it's supposed to be according to the on() documentation. The #mask div gets injected; both were set to display: none in the css. $('#modal-box').fadeIn(300); $('body').append('<div id="mask"></div>'); $('#mask').fadeIn(300);So I want to click the .close-btn or the
When change page what is change
http://www.youtube.com/watch?v=qxVO0tFdiuA&feature You can watch video. I captured video for showing problem. When i create popup and show listview. It is working correctly but when i change page and load listview, It is not working, I think global variable will deleted. here select is global variable, first time openning search page it is working but second time openning search page,nottings work. i dont know why ? When make popup its working. What is it changing when i change page ? How can i
JQuery Validation not working at all
I have downloaded the JQuery Validation plugin. I am trying to run the examples in the test folder, but am not getting any results at all. I have checked the paths to all scripts, and they appear to be correct. Any suggestions for what I can try next? Thanks!
Removal of divs that do not contain other divs
Hi All, I'm am trying to target an empty set of divs & remove them (.stacks_out) & everything inside of them. Note there are others similar, but they have divs inside the comment lines. Typ. divs I want to remove: <div id="stacks_out" class="stacks_out"> <div id="stacks_in" class="stacks_in"> <!-- comment line --> <!-- another comment line --> </div> </div> $('.stacks_out').each(function() { if ($(this).children().not(":has('div[class^="searcher"]')")) { $(this).remove(); } });
movement problems with modal Dialog
A while back I asked a question regarding how to stop a fixed dialog from having its movement scaled by the vertical scroll position of a page. This post seems to have disappeared, anyhow. I've been working on another project so only recently come back to this issue which is still very much extant. I believe I posted a JING link at the time, but it seems very easy to replicate 1) create a document such that it is larger in height than the display area permits 2) stick a button to open a dialogue
modify this code to add more combo boxes
Hi, I have the following code.. It's adding (creating) a hobby textbox when clicking the link. <script type="text/javascript"> var counter = 0; $(function(){ $('p#add_field').click(function(){ counter += 1; $('#container').append( '<strong>Hobby No. ' + counter + '</strong><br />' + '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" /><br />' ); }); }); </script> I also have the following code: <div id="container"> <select name="cboResidenceLocation"
Themeroller version 1.2.0 is broken?
Hi All, Loading the URL Themeroller for version 1.2.0 fails and appears to 404 on a number resources the page requests: http://jquerymobile.com/themeroller/?ver=1.2.0 Does anybody know what might be happening?
keeping sub menu open on hover and close sub menu on mouse move down or scrolling
here is the code for menu. (document).ready(function(){ $("#main-nav li a.main-link").hover(function(){ $("#main-nav li a.main-link").removeClass("active"); $(this).addClass("active"); $("#sub-link-bar").animate({ height: "40px" }); $(".sub-links").hide(); $(this).siblings(".sub-links").fadeIn(); }); $("#main-nav").mouseleave(function(){ $("#main-nav li a.main-link").removeClass("active"); $(".sub-links").fadeOut(); $("#sub-link-bar").animate({ height: "10px" }); }); }); HTML code <div id="sub-link-bar">
Slider range
I am speaking about http://jqueryui.com/slider/#range How can i edit css of that slider?
Crazy Input Behavior in IE9 & IE10
I'm using jQuery 2.0.2. I have a page with no forms, but multiple inputs all activated by jQuery. It's a pretty simple setup. The problem I'm having is that, if you type a number into a text input and hit return, that activates that input's "keypress" event, but then it also activates the "click" event on a completely different, unrelated button. It is completely wacky and makes no sense at all! I made a very boiled down test case you can check out here Or for inline code, here is my HTML: <section
xml output
I am reading an xml document and I have a couple of additional things I would like the output to "do": Here is the xml: <?xml version="1.0" encoding="UTF-8"?> <bn> <node> <name>Stability</name> <state>Low - <state-prob>0.15</state-prob> </state> <state>Moderate - <state-prob>0.25</state-prob> </state> <state>High - <state-prob>0.60</state-prob> </state> </node> <node> <name>Free/Fair
JQUERY CYCLE - HOW TO ENLARGE THE SLIDES?
Hi I'm very new at Jquery and I have just created an image slider that works perfectly. I would like to add the option of enlarging the single slides by clicking on them to see them in a bigger window that pops up above the current page. How can I do that? MANY THANKS
Using .on() instead of .live()
I'm creating a plugin for Wordpress utilizing jQuery to handle submission of a form. My script is working fine when I use .live(), but looking at documentation, .live() has been deprecated since version 1.7 and states that I should be using .on() (which I guess I should be using since default Wordpress 3.8 comes shipped with jQuery 1.10.2). Problem is, .on() is not working even thought .live() was. Here's my working .live() code: jQuery(document).ready(function( $ ) { $('#swt_createRaceTypeForm').live('submit',
Need help with Wordpress "hashbang" problem
Hi, I'd really appreciate help with this. When I share a page URL on LinkedIn, it appends a "#!" after the slash. When the page renders, it displays mangled. I use Wordpress, but I'm no pro. I tried installing a redirect plugin to send #! URL's to the source URL, but it didn't work. Is there an easy fix for this? Here is the page I'm having problems with specifically: http://www.ideafaktory.com/best-articles/ Here it is with the bad URL http://www.ideafaktory.com/best-articles/#! I did an ugly
Next Page