How not to slice the links displayed in <p> element using jquery?
Hello all! I have a jquery code used to show more or less link for the comments displayed from my database. I noticed that this jquery code can't display the link properly that is queried from the database and some can display well. Some instances that the link won't display properly are as follows: 1.If you are entering long comments with several paragraphs and there's link in it 2. Mostly, if the link is located at the middle of the first paragraph, the link is not displayed properly. 3. If you
Validation based field id rather than field name ------ jQuery validation plugin
By default jQuery validation plugin validates form fields based on name of the field. I want the plugin need validate based on field id. http://bassistance.de/2013/03/22/release-validation-plugin-1-11-1/
How to replace all href="http://www.Example_links.com" in html with generic "#" using jQuery?
I have a sample html file of a project which has the links of a certain company. example: <a href="http://www.Example_links.com"> How can i replace all the links at the same time with a generic "#" using jQuery? Please help . I tried using the Find & Replace All Option in DreamWeaver but since all the links are different and there are a lot of links, i was wondering if its possible to do the same using jQuery/ plain Java Script. Please help me with this .
jquery setinterval
Hi i'm new to this post and i'm currently studying jquery. I have a jquery book and have been following it's examples to the T. but i've come across a problem when it talks about setinterval. The my coded example simply just doesn't work. I typed it word for word, letter for letter and it simply doesn't work. I've tried it in chrome and explorer, been trying to figure out a solution for some time now please help. Thanks. Here is the js code: $(function(){ var $green = $('#green'); greenLeft = $green.offset().right;
Dropdown filled using $.ajax call
I have a dropdown whose options get filled dynamically: var dropdownMenu = "<select id=\"NRdropdown_" + i + "\" onClick=\"populateDropDown(" + i + ")\"><option>Existing Blocks</option>" populateDropdown(dropdownNum): 1. Makes the ajax request 2. Parses the json response for the option values into an html string called optionsHtml 3. Replaces the inner html of the select element with the option values via: var dropdownSelector = "#NRdropdown_" + dropdownNum; $(dropdownSelector).html(optionsHtml)
iFrame inside another iframe using Jquery
Hi for all, In Scenario 1 I have an iframe that is created inside a div and it works well var tabs = $("#tabs").tabs(); var divTemplate = '<div id="' + id + '"></div>' var ifrTemplate = '<iframe id="ifr-' + uuid + '" src="' + Url + '"></iframe>' $(divTemplate).html(ifrTemplate).appendTo(tabs); In scenario 2 I have an iframe that is created inside another iframe. And all this inside a div, and it also works well. var tabs = $("#tabs").tabs(); var divTemplate = '<div id="' + id + '"></div>' var bodyTemplate
JQuery File Upload on IIS running PHP - 405 Error
I just install "JQuery File Upload" plug-in on an IIS 7 server running PHP. I am getting a 405 error, which is a POST error when I "Start" the upload. When a look at the log it is showing a POST to /server/php/ without calling any program. I think the plugin is designed so that it assumes that the web server will run the default file that is located in /server/php/. I'm guessing that this would be the UploadHandler.php - but it is a guess, I'm not sure. I've tried debugging in Chrome so that
Selctor no more working
Hi, I just upgraded from version 1.6 to 1.10 ; there are things that are not working any more. Exemple : .myclass input:checked => not working .myclass input[type=checkbox]:checked => working ! but why ? Another issue: I have a div whose ID is "myid". In some case (it shouldn't but it happens) this div may be repeated twice. Applying $("#mydiv").remove() removes only one instance at the same time. I have to repeat the .remove() to remove all div ! Is there an explanation to these cases ?
jquery slide show
I have a jquery slide show that pick it's images like below, <script type="text/javascript"> //some code // slides: [ // Slideshow Images {image: 'kazvan-1.jpg', title: 'Image Credit: Maria Kazvan', thumb: 'kazvan-1.jpg', url: 'maria-kazvan/' }, { image: 'kazvan-2.jpg', title: 'Image Credit: Maria Kazvan', thumb: '/kazvan-2.jpg', url: '/maria-kazvan/' } // some
Datepicker
How come when i use the datepicker it is large on my page not like the example what do i need to change?
code running before fadeIn() & fadeOut() complete
Simple newbie question as I start learning jQuery. I am experimenting with a simple "marquee" that fades in and fades out each element of a string array. To make it perpetually looping I follow the array traversal with a setInterval( ) to repeat the marquee function. 1) the loop executes only once even though setInterval( ) is called (verified in Firebug debugger) 2) the "third string" is displayed all three times through the loop 3) other code inside or outside the loop (as in the 'alert( )' example
JQuery UI Elements' Image not shown
Hello, I downloaded jqueryui, put files in the right place, everything is working well BUT I have no image (little buttons) of jquery. It doesnt use thoses icons:http://download.jqueryui.com/themeroller/images/ui-icons_222222_256x240.png And I have no error message (like 404). Anyone has an idea? Farcossard
Scrolling Selection not registering
Hi Guys, I've got a selection list made up of divs, that I had problems with getting to show, so I used overflow-y:auto to get it to scroll. You can see the selection items, by clicking the Search.. input box. BUT, now when scrolling beyond the first 4 items showing, when you click, it doesn't register the selection. Can someone help me figure out what needs to be done to allow selection throughout the entire list. Demo: http://www.partiproductions.com/searchertest2/index.html Thanks, Bill
link doesn't work from placed html (scope?)
Clicking button1 works. Button2, which is placed by clicking a div doesn't work. Is this a scope-problem? Is there a workaround for this? thanks, Albert $(function() { $(".OK_button1").click(function() { alert("OK_button1 clicked"); }); $(".OK_button2").click(function() { alert("OK_button1 clicked"); }); $("#clickdiv").click(function() { $("#clickdiv").html("<form><input type='submit' value='OK_button2' class='OK_button2'/></form>") }); }); <form> <input type="submit" value="OK_button1" class="OK_button1"/>
Mobile Application Security Testing
Mobile Developers...Help Us! Two graduate students need your help and will give you a chance to win a $10 Amazon Gift Card for 5-10 mins of time. Please complete this 10-question Survey Monkey survey about mobile software development and security testing preferences. We appreciate your help! Survey closes Dec. 6th. Gift card will be sent to the winner by Dec. 10 www.surveymonkey.com/s/BGG5YWD
Capture scroll event on a particular jQuery Mobile Page
How to capture the scroll event on a particular jQuery Mobile page? Page: <div id='pg_remote-address-book' data-role='page'> <div data-role='content' id='pg_remote-address-book_content'> <ul data-role='listview' id='ul_address_list'> </ul> </div> </div>On pagebeforecreate, dynamically loading items inside the unordered list for ( var i = 0; i < 100; i++ ) { $("#ul_address_list").append("<li>"+i+"</li>"); }Capture Scrolling $('#pg_remote-address-book').scroll(function () { console.log('scrolled');
Question: Filtering with Checkboxes
Good Afternoon, I am wanting to create my own "product filter system". Basically I want to be able to click on products to go to the products.php page, this will show all my products on my website. On the left some checkboxes like "Show by Brand" with a list of brands. If you check the box for 1 of the brands, it will edit the list of products to only show products for that brand. Then another one that shows "capacity". Say I clicked "Apple" for brand, then "32GB" for the capacity. This will then
When the element is created the click is fired
When the system exec this code, the event click is fired. What's going wrong? $("#box-btn").html(""); $("<a>").prependTo("#box-btn") .attr("href", "#page3") .attr("id", "final") .attr("data-theme", "a") .attr("data-transition", "flip") .attr("data-role", "button") .html("Final"); $("#page2").page("destroy").page();
Is it a bug?
When I enter 'ok',and then click the button, the alertdialog does not appear. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="jqueryV1.10.2.js"></script> <script> $(function(){ if($('#info').val() == 'ok') { $('#test').click(function(){ alert("You have tested successfully!");
How to clear the cache and destroy sorter,pager in tablesorterpager - (v2.14.1)?
Hi There, I am facing an issue with the latest tablesorterpager plug-in that my data is cached even if i try to destroy/updateall, here is what i have tried, $('#tablechart').trigger("destroy").trigger("destroy.pager"); $('.pager *').unbind("click"); $('#tablechart').tablesorter({ -- configurations }); $('#tablechart').trigger("updateAll"); Can anyone please suggest if you had come across this? Thanks
questions in using sort()
When I sort the percentage column,there won't display the right results. Is the sort() method not applide to sorting numeric variables? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sort</title> <style type="text/css"> tr{ font-family:Arial, Helvetica, sans-serif; font-size:15px; border:1px solid
Do something after scrolling certain distance from any point on the page
Hi all, I have a fixed position navigation which opens from the side of my page. I want it to close when the user scrolls 300px in either direction from whatever position they are on the page. i.e. they could be at the top of the page or somewhere in the middle. So if the nav is open and the user scrolls 300px (in either direction) a class is removed from the nav. I've tried using the WayPoints plugin and scrollTop but these seem to reference elements which are at certain points of the page so it
Plusslider plugin implementation:jquery plusslider arrows are not display except on mouse hover.
hello..i am using jquery plusslider with easing plugin..it is work well for me except one thing that is it doesn't dispaly the arrows by default.it will only display arrows when the mouse hover of it. so please tell me to see arrows by default.
[jQuery Validation Plugin] Conflict with Film_Roll plugin when adding a .rules to an element
Hello, I am using the Film_Roll plugin (https://github.com/straydogstudio/film_roll) It stops working when I try to add a rule to an element as indicated in: http://jqueryvalidation.org/rules I have tried inserting the code in different places but it always breaks the Film_Roll plugin. If you need any more info, please let me know.
How do I fix my data-filter going from 1.2 to 1.3?
Making a demo of this app I used JQuery 1.8 and JQM 1.2. Now that I want to get it ready for production I bumped the versions up and my data-filter stoped working. I have a listview: <div id="listPlaceHolder" data-theme="a" data-role="listview" data-filter="true"></div>After fetching some data I'm adding an accordion to it using handlebars: <script id="event-template" type="text/x-handlebars-template"> <div class="dataitem" data-role="collapsible" data-inset="false" data-collapsed="true"
Unable to get drop down value
Hi all, I am new to this implementing this in my asp.net website have master page and content pages .On master page have included the latest library <script type="text/javascript" src="jquery-1.10.2.min.js"></script> on content page this <script language="javascript" type="text/javascript"> $(function() { $("#ddlFreq").click(function() { alert("sd"); }); }); </script> <asp:DropDownList ID="ddlFreq" runat="server">
Cache?
Hi, i've built an application with jqm 1.3.2 and it works very nice. I rember, I had problems with the scroll-position after history.back() but could solve that relative simple by setting an option data-dom-cache. After setting this option all cached pages remembered there scroll-position, the states of expanded collapsibles and so on. Very nice behaviour! But now there is one page in my application that doesn't remember anything and I got now idea, where to search for this bug. Every page uses the
Append html with executed code in the embedded script tag
Hello, jquery tools forum in now unaccessible so I post my discussion here for now. I'd like that the code in script tag of the HTML appended in body (line number 13), to be executed Here is the code : <!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" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>mypage</title> <script type="text/javascript"
jquery form disable and enable with another form
hii please help me ............ i have a login form, if i press the forgot password login form is disable replace with forgot form .. how can i do thisss........
return from each
Hello please help to solve the problem. I have this type of constructions. That geting id from the link clicked. (front & back values). Construction bottom getting wear types (tshirt, etc). $('.side a').each(function() { $(this).on("click", function() { var sside = $(this).attr('id'); }); }); // I need sside here. How to return it? $('.wtypes a').each(function() { $(this).on("click", function() { var stype = $(this).attr('id'); return stype; }); }); // I need stype here. How to return it? I need
Dynamic order rows in a table by id
Hi guys! I have a requirement to order rows in a table using Java Script (JQuery) My table is look like: <table> <tr id="3"> <td>C</td> <td><table><tr><td>Row C</td></tr></table></td> </tr> <tr id="1"> <td>A</td> <td><table><tr><td>Row A</td></tr></table></td> </tr> <tr id="2"> <td>B</td> <td><table><tr><td>Row B</td></tr></table></td> </tr> </table> And the final result is to be: A Row
jQuery method show
How to set 'display: block' by method jQuery(selector).show() without jQuery(selector).css()? Now this method setting 'display: inline'
jQuery Nested Tabs useing
Hi! I'm newbie in useing jQuery. I have a problem with Tabs. I have elements with same ID's on two different tabs. For example datepicker input fields. But when I clicked on the second tab's datepicker input field the first tab's filled out. It is suggested to use elements by different ID-s on a whole page? Or it is possible to delete the last selected tabs content when I clicked to another one? How? I use the following code: $("#tabs,#sub-container-1,#sub-container-2").tabs({ select: function(e,ui)
Loading with Overlay over the whole page
Hello, How can i configure the loading wiget to show a dark overlay behind the loading gif over the whole page? Thanks for replays. best reguards, Kevin
Scrolling using keyboard does not work in autocomplete JQgrid
I am not able to scroll the Autocomplete list of items using keyboard down/up arrow. In my JQgrid i have a textbox with autocomlete functionality. When the auto suggestion list appears, I am able to scroll through the list of items using mouse. But the scrolling doesn't happen when I use Keyboard. Please Help. My CSS portion for auto complete is .ui-autocomplete { position: absolute; max-height: 200px !important; overflow-y:auto !important; overflow-x: hidden; padding-right:
mixing JQuery Mobile with JQuery UI widgets... don't ?
Forgive me if this seems like a silly idea to begin with, but to "tide me over" while certain JQuery Mobile widgets do not exist yet (calendar, tabs etc.) I thought I'd just load up JQuery UI and bring those widgets in from there. It was not pretty. Are the two not supposed to co-exist ? Wouldn't it be nice to leverage JQ UI widgets in JQ M applications ? Or is their CSS / js base too different to make that practical ? Or - should it work and I just screwed up in which case I will try again :)
mousemove strange behavior in IE
Hi, URL: http://www.ximnet.com.my/jquery/mousemove.htm I try to do something like Google.com. When page is loaded, the div will fadein when user move the mouse. $('#html').mousemove(function() { $('#menu').fadeIn(5000); return false; }); It is working in Firefox, but in IE, it will fadein even if user do not move the mouse. Anyone know what is wrong? Thanks,
If data-position="fixed" is used; pinch zoom not working on iPhone (iOS6)
Using jquery-1.9.0.min.js and query.mobile-1.3.0-beta.1.min.js Noticed if data-position="fixed" is used (for navbar in my case), page cannot be zoomed using multitouch on iOS 6. So had to avoid using fixed positioned toolbars. Any idea to overcome this issue?
QUnit Module Setup and Teardown
For the QUnit callback functions for setup and teardown: Does setup get called before each test function? Does teardown get called after each test? From what I can see in my own tests it seems like setup gets called ONCE per module and teardown gets called once PER TEST. Just wondering if this assumption is correct or not. Thanks!
SlideToggle on multiple divs to maintain state during postbacks
I have jscript to toggle divs to slide up and down. I would like to maintain the state of these divs (open or closed) during postbacks. I read on other posts I can use cookies and hidden fields, but I don't know how to use it when using multiple divs with my jscript. How can I maintain the state of the divs so that it stays open/collapsed during postbacks. How will I pass parameters to the jscript? Jscript: <script type="text/javascript">
$(document).ready(function () {
$(".toggle").slideUp(0);
Next Page