having problem with jquery code for dropdown
hi guys...i'm having serious problem..i want to a dropdown using jquery but this doesn't work. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> (function() { $('li').hover(function() { $('this').find('ul>li').stop().fadeToggle(300); }); })(); not me
Call Interne function of a plugin with parameter
Hi With your help, I understand how access to an internal function of my plugin. jsfiddle But now, How Can I do send parameter when I use $('#div1').BK("GetInfo"); Imagine I Want send "background" as parameter I try this I think It's close of my searches Here My parameter is from plugin but I want parameter from outside when I call $('#div').BK({ "GetNews": function (t) { alert(t); } }); If debugging is the art of removing bugs ... then program is the art of creating
Help with a browser specific error
Hi, I hope this is the right place to ask for help. I have a problem that ONLY comes up in FireFox. When you click on Current Projects, it scrolls down to the thumbnails. When you click on a thumbnail, it opens up like a google image, click again it closes. It works fine in all browsers except Firefox, where when you click on the thumbnail, the page jumps up. I can't figure it out, I hope I can get some help. When I go to the site for the first time, it seems to be fine, when I go to another page
How to override some of the H3's (header's) font color wen using Jquery.accordion
Hello, Does anyone know how I can change some (not all) H3's font color's or background colors when using the Jquery Accordion? Currently I am able to change all the H3's background color by using the following CSS: /*styling the header*/ #accordion .ui-accordion-header { background-color: #ccc; margin: 0px; padding: 0px; font-size: 10pt; line-height: 8pt; height: 20px; } However, I am in a situation
breaking head over jquery autocomplete function
p>Hi i'm tryin gto achieve the following with different autocomplete form fields from different asp/sql json results. For one of the functions i had to add extra function, but because of this the functions below it are no longer executed. Could someone pleas help me on my way. I've tried a lot of different approached but the lead me further away from my goal. here is part of the code: $(function() { $( "#searchword" ).autocomplete({ source: "sourcename.asp", minLength: 1 }).data("autocomplete")._renderItem
checkboxes and local storage
I am transferring an app to phonegap that uses checkboxes to bookmark... Cookies won't work and am wondering if there is a jQuery Mobile plug in to keep their state like this one for jQuery: https://github.com/fengyuanchen/formcache Anyone have a different solution? Thanks
New to jQuery
Good Day All, Couple of things. 1. Is this the correct way to embed jquery on a webpage? <!DOCTYPE html> <html> <head> <title>Getting Started with jQuery</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.11.2/jquery- ui.min.js"></script> <script type="text/javascript" src="script14.js"></script> </head> <body> <h1>Getting Started with jQuery</h1> </body> </html> 2. I also created a script.js file is this also correct? jquery(document).ready(function()
Communication with jquery component
I created a jquery graphical component. I wish now questioning. But I have no idea how to even searching on Google ... The idea would be a javascript function to make a call to a function of my component. Here is the simplified creation of structure ( TFOPlugin.js) : (function ($, w) { $.fn.TableFullOption = function (options) { var settings = $.extend(true, {}, { FiltreGeneral: false, BtnReset: false, Datas: {}, Head: "", Body: "", Delete: "", Add: "", Modify: "", Details: "", AvecPager: false,
Would like to place draggable div inside the droppable in Jquery UI Drag N Drop with revert with close button
I am developing a questionnaire, where I need to drag the answers in droppable div with close button & after closing this will goes to it's parent position. I don't want to do duplication. but when I place inside the droppable div its just change its position not showing inside that div. please help me for this. here is similar code http://jsfiddle.net/d9BVF/2/ Please help me urgent
Display the xml output in html
Hi, I am building an app, which makes a ajax request to thirdparty application, the output is in xml format. Here i have an issue that when i use the URL directly on the browser it renders the xml output on the browser, but when i use it through $.ajax() it returned the response as #document. I used $(reposeData).text() but this rendered an huge text on my browser without the xml tags. I want to render the same output in xml as it work when URL is explicitly used in browser. Any body came up with
Eliminating the 300ms in jquery mobile
i'm trying to elminate the 300ms delay in the app, but finding it hard to do <!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" /> <script type="text/javascript" src="jquery/jquery.js"></script> <link rel="stylesheet" type="text/css" href="jquery/jquery.mobile.icons.min.css"/> <link rel="stylesheet" type="text/css"
Transition in jquery mobile - Scroll issue?
Hi, i have this html5 site, to make an WebApp http://www.noticiasargentinas.com/nuevosite/movil5_mal.php may be is a feature and not an issue, but after the third links of the news list, the transition effect does'nt work. is there anything wrong in the html code? something with the link's scroll position? thank you in advance. Julian
what plugin is this slider ?
Hi, I saw this web site, was trying to see what plugin they are using to change the background pictures, is there any easy way how to find a plugin from a web site ? the web site is : http://visualmass.co/collections/featured using inspector I can see :
Change css of Dynamically created element?
Hi. I'm having a little trouble understanding why I can't manipulate the css of a newly created element. I've created the element, targeted(I assume with .on) and the assigning addition css traits. But it's not working http://jsfiddle.net/skfn8m3o/1/ $("body").on("click", ".frameContainer", function () { var clickedID = $(this).attr("id"); alert(clickedID); $("#" + clickedID).css({"background-color":"black"}); }); I don't understand the process here. How come the CSS isn't being applied
problem with js
hello i have this on my js code $(document).on('pagecreate', '#VHC', function(){ //$(document).on('click', '#button_vhc', function() { $.ajax({ type: "POST", //url: "vehicules.php", success: function(result) { document.getElementById("cout").value= "<li id=\"cout\">salim</li>"; //alert(obj.value); } }); } // ); }); and this on my php echo "<li>601802 PARTNER 6539TU149 TN, TUNIS, N8 2014/02/03 16:16:03 0 Km/h</li> "; but in my html no thing displayed
Fixed Header Disappears on Click Within Textbox
Hey, I am using jquery mobile to create an app and I have fixed headers on all pages. I did this by using: <div data-role="header" data-tap-toggle="false" role="banner" data-id="persistent" data-position="fixed"> However, one of my pages have textboxes and when I click within a text box to start typing, the fixed header disappears (i.e. it moves back up). I added the following to my CSS file: .ui-header-fixed { position: fixed !important; } .. but now, that causes a little flicker. As the header
Custom menu does not work inside popup
The context menu does not work when used by a select inserted inside poup. It could be a problem of z-index? http://jsfiddle.net/wcuxS/1345/
wrapping up data in Accordion
this is the fiddle http://jsfiddle.net/11xm2q6n/ data for one header is long and another short vice versa.. i want the header (h3) to expand according to the data size. Like for first header the data is "Sample data large (xxxxxx)" the header should limit up to the data size. Is it possible?
Jquery loop
Hi , I am new here as well jquery How can I write a function with loop in Jquery I have a function like this the counter 1 to 3 is getting from my database how can I make this function in a loop? (function () { $('#ls1').change(function () { $('.output1').text(this.value); }); $('#ls2').change(function () { $('.output2').text(this.value); }); $('#ls3').change(function () { $('.output3').text(this.value); }); ); })(); Regards Binu
complex display section for address (Something similar to a store locator )
hey guys i basically have been struggling with this and taught i'd post a question , what i ideally need to do is display multiple address of a business . now suppose the business was in a multiple states with sub districts say like this : State-1 - District-1 - District-2 - District-3 State-2 - District-1.2 - District-2.2 State-3 - District-1.3 - District-2 .3 - District-3.3 - District-4.3 State-4 - District-1.1 - District-2.2 now the idea is when i click on any
Recursive function on n-descendent
Hi I want to write recursive jquery function to iterate through below JSon [{"newQuestionid":"3451602225724915","newDQGroupID":0,"newDQAtrributesID":0,"newQuestion":"A","newParent":0,"newParentTrigger":[],"newOrder":0,"newRequired":false,"newAttributesID":0,"newType":"Free Text","newAttributes":[]},{"newQuestionid":"2750413003607790","newDQGroupID":0,"newDQAtrributesID":0,"newQuestion":"B","newParent":0,"newParentTrigger":[],"newOrder":0,"newRequired":false,"newAttributesID":0,"newType":"Free Text","newAttributes":[]},{"newQuestionid":"4498200815351845","newDQGroupID":0,"newDQAtrributesID":0,"newQuestion":"C","newParent":"A","newParentTrigger":[],"newOrder":0,"newRequired":false,"newAttributesID":0,"newType":"Free
matchHeight jquery for nested columns
Hi, I am use the matchHeight jquery plugin to create equal size columns. It worked great until I nested two columns within one of the columns that needs to be equal height. I am stuck on what I need to change to make it work with the nested columns. The website is:http://heartcrossings.businesscatalyst.com/ Here is my html: <div class="gridrow-a"> <div class="column w4"> <h3 class="yellow">YOUR GUIDED JOURNEY</h3> <div class="box"> <h4>A Personal & Peaceful Journey</h4> <p>“"When
Animated dials question
Hi, I need a tutorial on how to create an animated dial like the ones on this page; http://urologists.net.au/dr-howard-lau-urologist-westmead-nsw In the middle of the page there is a section where you 'Rate a doctor' for Staff, Punctual, Helpful, Knowledge. I need a either a tutorial or I need to know what those dials are called so I can search G. Many thanks for your help.
need elem to appear only if falls beyond viewport.....
hi, I have a "back to top" link at the bottom of my pages, but I'd like this cta to appear only if it falls below the visible part of the page (i.e., beyond the viewport... in the scrolling area, I think it's also referred to..) is there a way to do this with jQuery? thank you...
query database by clicking on checkbox
hello. I'm working on a code where clicking on a checkbox the value of a product and added to the value of the item marked checkbox. and consequently to be cleared the value of the item must be decremented value of the product. file main.php <?php session_start(); require_once 'php/funcoes.php'; require_once 'admin/funcoes.php'; require_once 'admin/config.php'; require_once 'admin/classes/bd.class.php'; BD::conn(); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet"
Drag and drop text from iframe to input
Hi everyone! I want to drag text from an iframe that contains an application/pdf visualization and drop it in an input tag that is in the parent node (tag). It doesn't seem to work knowing that the domaine from which I get the PDF and my page are the same. When I try to bind the drop event to access the text that is being dragged I get a security error : SecurityError: The operation is insecure. here's is my code : $('#myInpytTag').bind('drop', function (e) var theDroppedText = e.originalEvent.dataTransfer.getData('Text');
I want to know a way to send values to PHP with jQuery
hello. I want to know a way to send value to PHP with jQuery. I'm using wordpress. the value i want to send is <input type="submit" name="submitback" value="back"/> I want to use $_POST['submitback'] Could you teach me a way?
Multiple tabs are opening when passing url through Window.open function
My code is var result_send_msg_body = send_msg_body.replace(/ /g, "+"); $('#message').val(result_send_msg_body); var mobile_no=$('#send_number').val(); var url='http://gateway.mytelesom.com/gw/lm/sendsms/?username=abc&password=xyz&from=123&to='+mobile_no+'&msg='+result_send_msg_body; var costpart = mobile_no.split(","); for (var i = 0; i < costpart.length; i++) { var url='http://gateway.mytelesom.com/gw/lm/sendsms/?username=test&password=test&from=567&to='+costpart[i]+'&msg='+result_send_msg_body;
Jquery validator regular expression for first four character & after 4 will be number
How to write folllwing regular expression in jquery validator add method 4 chars + 7 digits ValidationExpression="^[^\s]{4}\d{7}$" I want to place above regular expression in following method jQuery.validator.addMethod("lettersonly", function(value, element) { return this.optional(element) || /^[a-z ]+$/i.test(value); }, "");
Dynamically creating a link that will load a page using .load
I am trying to dynamically load a page with data of links. I put an id on my links. When the link is clicked, I need to use jQuery to load another page into my existing page. My page is loaded and seems to be correct, but the jQuery clilck method is not working after my page loads with my dynamic links. Can someone show me what I am doing wrong? It is a lot of javascript and here is a snippet of it. // HTML page <div id="mainContent"> <div id="inputRequirements"> </div> </div> // jQuery that
jQuery scroll to element on click but also page load if present
so my on click event to scroll down to the hashtag element class worked fine but i noticed if i requested from another page it did not scroll so i added window load which works lovely but now with both bits of code together the on load scrolls if a hashtag url is present but click no longer works... does anyone have a better solution for these to both work? JS // Scroll To # Links $('a[href^="#"]').on('click', function(e) { if (!$(this).hasClass("menu-button")) { e.preventDefault(); var target =
jQuery Sortable refresh for cloned sections
Anyone to help with jQuery Sortable? http://jsfiddle.net/simbaley/a4sx7qu3/2/
Urgent Help
I want to use DatePicker and Clockpicker in ascx file(User Control) in asp.net. I can show date in textbook in aspx file but I can not show it in ascx file. Please help me with that.
How do I keep an audoplayer functioning while user changes "pages"
Looking to implement functionality similar to say spotify or audiomack, where as users can click through various pages while sound-player remains within a sticky footer on top of all other content.
Remove form input fails when using remove()'s optional selector
When trying to write code to remove an input element from a form, I found some weird behavior. I would expect both commands below to have the same effect, removing an input element from the form (test-1). Is this expected behavior or a bug? What doesn't work: $("#test-1").remove('[name=testInput]'); What does work: $("#test-1").find('[name=testInput]').remove(); JSFiddle: https://jsfiddle.net/3Ltme6xq/1/
xml httprequest
hi I'm developing an application with phonegap framework [beginner] [Html 5 / css3 / jquery mobile / jquery / javascript] how I can display the content of the xml file in my application using Http Request from xml to ajax to display the contents of the xml file in the jquery mobile
Set CSS without atribute like .click
Hello jquery-Forum, My problem is that i have a div who is responsive in width. The height have to be the same like the width. How can i say in jquery that he have to set "("mydiv").css("height", width)" without atribute like .click? he have to do it automaticly without user-action. Thank you and sorry for my bad English
IE 11 issue
Hi all, I am working on preparation the javasript based on jquery. Currently I use below version: <script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>. My code works excellent in older version of IE but doesn't work in IE11. Are you able to give my any suggestion which version I should use or which functionalities aren't support? What I used are: event hander, web links, alert and doNamedInvoke function. Many thanks in advance for any ideas. KRs
jQuery mobile - Listview "Pull to Refresh" support?
Hey guys, Was just wondering if the listview plugin was ever going to get a built in "pull to refresh" feature? I'm tired of trying to cobble together the behavior using various plugins, only to have the next version of jQM break it. It would be much nicer if there was an event you could just listen for and act on. If support is not planned, if anyone knows of a good solution for 1.4.x and beyond it would be greatly appreciated.
calculate age Problem
Hi, I have the following date and I am trying to calculate the age of the person but I am always getting ZERO. Ca you help please... <script type='text/javascript'> $(function() { var toDate = $("#dateBirthday").datepicker({ defaultDate: "+1w", dateFormat: 'dd-M-yy', changeMonth: true, numberOfMonths: 1, onSelect: function(selectedDate) { var start = new Date(); var end = $('#dateBirthday').datepicker('getDate'); var days = (end - start)/1000/60/60/24; if (days < 0) $("#lblAge").text(0); else
Next Page