jQuery UI Multiselect
Hi, I found this multiselect here : http://www.quasipartikel.at/multiselect/ I was trying to use it in a fiddle : http://jsfiddle.net/mlotfi/5o1uxog3/ could you please tell me what I am missing here ? thanks lot.
Only one function works depending on where place?
In the code below it has two find then hide query. Depending on which one is higher in the script is the one that will work. However i need them both to work. Does anyone see an issue? Ive tried merging and doing variables but then the offer button never hides. $(document).ready(function(){ var source = $('#urlp').text() + "/make-an-offer #bstr"; var name = $('#ProductDetails .BlockContent h2').text(); var url = window.location.href; $('.modal-header h3').text("Make an Offer for "+name); $('.modal-body').load(source,function(){$('#contact_question').val("I
Ajax Success function not fireing?
I cannot for the life of of me figure out why the success function on this ajax call does not fire. according to firebug it is returning a valid response and the success function should fire.... but it doesn’t $.ajax({ type: 'POST', url: '<%=ServerRoot%>/scripts/asp/Handle.asp?value=ChangePassword', data: $('#Pwd-frm').serialize(), dataType: 'JSON', success: function(result,status){
jquery.g_orgchart pluggin download location
Hi, I am unable to find the plugin in the location: http://plugins.jquery.com/project/nested-list-to-google-org-chart once i type it in the browser, i am redirected to http://jquery.com/ Could you please let me know how i could download the plugin.
Jquery help
Hi, I am trying to replace <span class='nonReq'> </span> with <span class='reqImage'> </span>. Please find the html text below: <span id="ctl00_mpContent_AccountString1"><div class='CompleteControlRow'><span id="ctl00_mpContent_AccountString1_lbl_AccountString1" class="CompleteControlLabel">Account String1</span><input name="ctl00$mpContent$AccountString1$AccountString1" type="text" value="__.____._.____.___.____.____.___.__" id="ctl00_mpContent_AccountString1_AccountString1" style="width:246px;"
Use Velocity.js and JqueryMobile
I found it on stackoverflow seeking how to get the transition jquerymobile performance. I thought it worked like with jquery, enough to add the velocity.js library for working with jquerymobile velocity. But this is not the case, so I come to see you because I have not found a solution, and there is no answer on this post. Thx Topic on stackoverflow
jQuery replaceWith and restore the scrollposition
Hi. I have a DIV position absolute and on overflow scroll. Whenever status changes whole DIV is replaced with a new. The problem now is before the scroll animate event triggers . The DIV is set scroll position to 0 and starts from the top and not from where it was before. How to call replaceWith(newDiv,true) to keep the scroll position. This issue is discussed here http://stackoverflow.com/questions/2009029/restoring-page-scroll-position-with-jquery Thanks B L Praveen
Invoke a function parameter from table cell click
Hi there, I try to build a function that create a table dynamically using jQuery, the function accept an array of objects as parameter, each object in the array is the data for creating a single row. One of the object items in the array is a javascript function that I'd like to invoke when user click a table cell code is here Problem is the click event does not work.
I click on first div two times then click on the second div one time but get alert two times that "You have clicked on the second div"
<html> <head> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script> function myfun() { alert("You have clicked on first div"); $(".def").click(function () { alert("You have clicked on the second div"); }); } </script> <style> div { border: 1px solid blue; width :200px; height: 200px; margin : 30px; } </style> </head> <body> <div class="abc" onclick="myfun();">First Div</div> <div class="def">Second Div</div> </body> </html>
Uncaught SyntaxError: Unexpected token var (using switchButton)
am trying to read a data attribute from switchButton event, but I got this error : Uncaught SyntaxError: Unexpected token var Here is the fiddle : http://jsfiddle.net/mlotfi/pot095x3/ Thanks.
jqXHR object in load(event, ui) event within the Tab widget
Would it be possible to have the jqXHR object after an Ajax request has arrived? Of course I can attach a handler to the ajaxComplete event but what if there is some logic that is required within the tab's behavior? In the snippet I have below, I need to read some information that comes along with the response headers and act on it before the tab is fully loaded. $("#tabs").tabs({
load: function (event, ui) {
// FYI ui.jqXHR does not exist here
if (ui.jqXHR.getResponseHeader("X-LOGON") == "LogOn")
{
// Prompt user to log in first before the content is shown
}
else
{
event.preventDefault();
}
}
});
beforeload event in tab widget
I have a seemingly common situation where each tab performs an AJAX request to load in data into the tab panel. I am also using the cookie utility to remember the last selected tab. I want to display a "Loading..." message in the ui.panel element, which is easily accomplished via the "select" event, but only when a tab is clicked on: select: function(e, ui){ $(ui.panel).html("<p>Loading...</p>"); } However, if the selected tab happens to fire an AJAX request when the page first loads, there
jQuery problem with resizing divs
The code may seem lengthy, but it really is just a bunch of repetitions. But the length is irrelevant, just pay attention to the resize event, which is defined first thing inside the ready() function of jQuery. My test page displays 4 divs. My objective is to cover up these 4 divs with 4 other divs I created during runtime with jQuery and be able to survive any kind of browser resizing. When the code is run, click the buttons labeled "Cover Div 1", "Cover Div 2", "Cover Div 3", and "Cover Div 4".
How to manipulate XML and post back to original XML file
Note: All of the code in this question pertains to local data. This is not going to be on a web server, but locally on the PC running the code. I have an XML file (current_jobs.xml) and an XSLT & CSS file to style it. I am currently showing the XML file via an HTML file using Javascript. <html> <head> <title>Job Board</title> <meta charset="utf-8"/> <link rel="stylesheet" href="style.css"/> <script type="text/javascript" src="jScript.js"></script> <script type="text/javascript" src="jquery-1.11.2.js"></script>
How to make butons in footer to take all footer width
Hi, I have footers with variable number of buttons, if there's only one button it should take all available footer space, if there are two - each will take half the footer width, and so on.. I'd like to have some space between buttons. What would be the best way to achive this? Thanks!
need help with linking images
hi folks i need to know how i can add links to the images...many thanks <!doctype html> <html> <head> <meta charset="utf-8"> <!--Latest jQuery Core Library--> <script src="http://code.jquery.com/jquery-latest.min.js"> </script> <!--Cycle2 Plugin Script--> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script> <!--Cycle2 Carousel--> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
Can I autoFocus fire on roll off
I want to have the first element in an autocomplete list autoFocused when the list is open and a user rolls off. Currently if you use autoFocus and use your mouse to roll over the list and then roll off, no item is selected. I'd like to have the first item in a list become autoFocused again if a user uses their mouse to roll off. Is this possible? Thanks for any help. Also you can see the jQuery functionality here. http://jqueryui.com/autocomplete/
How to get the data from the querystring of jquery.form.js form submission
I am using jqury.form.js to submit a file along with some parameter.I also get the data in the alert in before send function,in this format filename=1&filename1=b&postedFile=.... this format.Now i want to get those data in the servlet individually.So now i m posting my 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"> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
Problem with patch for ajax timeout reporting
Currently it appears not to be possible to know, in the ajax error callback, if the request has failed due to a timeout, versus some other reason. Knowing this is important for implementation of a good UI, which wants to be able to say more than "timeout or other error". I propose having the "status" parameter contain string "timeout" when the error is due to a timeout. try
Apache, PHP install problems
Hello, Im trying to install apache and php on my windows desktop. So far I have met with abject failure. I have gone through dozens of demo's and provider installs, since apache doesnt provide binaries any longer. Does anyone know of any link that can help me install apache and php? God knows Ive tried just about all of them. ThankYou
Dynamic form inputs with jquery
Hi, i need to do simple dynamic forms input for files uploading $('.add_field_button').click(function(e){ $('.input_fields_wrap').append('<input type="file" class="form" name="fileField" />'); }); i just tested simple this script is working everyting fine with a default html files input, but my html template using two inputs for file uploading one input for show what you selected and one to show attach button <div class="input_fields_wrap"> <input type="text" class="form" name="textfield"
Javascript and jquery does not support IE8 but supports chrome..?
Hi there, I have added jquery and javascript code for my website which is working fine for chrome browser. But it doesnot work on internet explorer.Can you please tell me what might be the probelm behind it.. This is my code; Any help is appreciated.. <script src="//code.jquery.com/jquery-1.10.0.min.js"></script> <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script> var current; var currentIndex=0; var element; var topPos; function showParamsDdl(id) { if ( event.which
Show/hide element (of option list) from other form element
I have two form's elements: checkboxes and drop-down list. Checkbox value is link with drop-down list by id (option id=checkbox val) The option list should be hide by default. After checkbox is checked I want to show specific options from the list. Unfortunately it doesn;t work properly. My code: <input type="checkbox" name="newsletter" value="Hourly">Hourly <input type="checkbox" name="newsletter" value="Daily">Daily <input type="checkbox" name="newsletter" value="Weekly">Weekly <input type="checkbox"
multiple Buttons opens up a function, same action but different ID container.
Hi I need some help, I have multiple Buttons (12 at the moment), all have the same id with following letter. "BtnA", "BtnB", "BtnC" and so on. each btn opens up a function, same action but different ID container. for example : "BtnA" open "containerA" and do function (BLA) "BtnB" open "containerB" and do function (BLA) "BtnC" open "containerC" and do function (BLA) and so on. I have a code that working but it contains more than 500 lines... I am looking a way to short it up. here is the code on
Retrieve value from object
Hi, I am using SharePoint Client object model to fetch data from a custom list. I have a URL field which contains the url value. I am trying to access the data, but I am getting as [Object]. code used is: function RenderHtmlOnSuccess() { var enumerator = this.TestListItems.getEnumerator(); while (enumerator.moveNext()) { var currentItem = enumerator.get_current(); var imagePath = currentItem.get_item("testfilePreviewPath"); } } In F12 of IE, for currentItem.get_item("testfilePreviewPath"),
javascript how to sort strings containing comma separated values
I would like to know how can I sort strings in javascript containing comma separated values in different order e.g. 1. Need to remove the distance "Km" 2. Sort values comma delimited ASC 3. append the distances to each distance input value "10km,50km, 21.1km"; result "50km,21.1km,10km";Your help will be appreciated. Thanks
jQuery Validation - manually set field invalid
I have a form using jquery Validation that was done by another developer. Rather than using the built in remote option, he put in his own onblur on one specific field in the form that shows a box with a special error. Is there a way to somehow add a class or something to the input which tells the validate() to fail? I've googled a bit and not seen it. Suggestions?
jquery .on("click") event fires only on the 2nd click
Hello, I am new to jquery. And I am trying to fire a click event when a link is clicked. But, the click event fires only on the 2nd click. Have any of you encountered this issue or direct me to resolve this issue? Here is the code I am using. $( "#request_table" ).on( "click" , "#vm_details_link" , function (e) { e.preventDefault(); alert("Click fired"); } Thanks, Naga
Get all values of a Dropdownlist which is not multiple enabled
Hi all, I was wondering if it is possible to retrieve all values of a dropdownlist which is not MULTIPLE enabled. This is the code i have that may work on a multiple enabled dropdownlist. But in my case, i dont want to allow the user to select more than one value from the dropdownlist. var values = []; $('#my_dropdown option').each(function() { values.push( $(this).attr('value') ); }); And on submit, i want to post the entire array of content on the dropdownlist. Is it possible? Someone please
Setting Values from array
Hi, I have a dropdown and 2 labels in my aspx page. I am trying to fill the dropdown and the label using jquery. I have used the below code: //Declared Globally var testarray = []; var fileDescription = ""; var imagePath = ""; var Title =""; $(document).ready(function () { while loop //values added to each item { testarray.push(Title) + "$~@" + imagePath + "$~@" + fileDescription); } SortArray(); }); function SortArray() { var ddlImg = this.document.getElementById("ddlImages"); ddlImg.options.length
pass parms to JS
Hi i read a couple of tutorials an try do understand jquery. one question is in my head: normally i have buttons like HTML <button type='button' name='testbtn' onClick='dosome('1','cars')' value='T1'>T1</button> Now in JQuery i would do something like this HTML <button type='button' id='idtestbtn' value='T1'>T1</button> external JS-File $(document).ready(function() { $('#idtestbtn').click(function(){ ... }) }); How can i pass the parms"1" and "cars" to the jQuery Code for
JQuery Mobile - Set the content at the center of the page.
Hello everyone, I've a page with DIV based design. The content of this page needs to be kept at centre (vertically and horizontally) for all different type of view ports. We applied various ways to do so, like changes in css, script calculation, JQuerymobile centre function, reloading the pages etc. Most of the above implementations are working as expected in browser emulators but not on actual devices. When we browse the same either in tablet or mobile devices and change the orientation of the
Read (invalid) value of input
Hello all, Using JQM 1.4.2 I have a problem with inputs that require (standard/default) validation. For example if I have an <input id="v1" type="number"> and I enter the value "12a" my input becomes invalid, which is ok. But, if I then get document.getElementById("v1").value() I do not retrieve the invalid value "12a" but get an empty value instead, leading to the wrong error indication feedback to the user. Is there any way to get the actual value of the input control? The same problem appears
weird response
Hello Folks, I am jQuery newbie. I encountered a really weird response must be my mistake somewhere. I have been researching on internet for 2 days but not found my thing so finally decided to seek help from experts. What I wrote is here. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(document).ready(function() { $("input[name='radioship']").change(function(){ $("form").submit(); }); }); </script> <form action="" method="post" name="frmCart" action="go.php">
Fetching value from label in jquery
Hi, I am using aspx, js file. I have a hidden div in which I have a label. The value of the label is added dynamically using aspx.cs code, and which is getting added. However I am not able to fetch the value in js file. I have used the below code: // aspx <script type="text/javascript" src="/Scripts/testSearch.js"> </script> <script type="text\javascript"> var lblCatId = "<%=lblCategory.ClientID%>"; </script> <div id="HiddenDiv" style="display: none;"> <asp:Label ID="lblCategory" runat="server"
selectmenu: refresh selectmenu button width
how can i change the selectmenu width (after ajax refresh) dependent on selectbutton text so the text is seen without ellipses .selectmen('refresh') does'nt do that "Hello..." => "Hello selcetmenu"
How to remove white screen between transitions in jQuery Mobile 1.3.0?
Unfortunately, I have an issue that many people had before but that seems not to be fixed. I recently downloaded jQuery Mobile 1.3.0 and I am building an iphone app using phonegap. When I test my application there is a white screen that appears between each page. How do I remove it?
image in tab header of jQuery UI Tabs
I want to place image in tab header alongside tab name. I tried to use span element inside anchor tag. It is showing image but with "Loading.." text. .tick { background: url("../../images/redTick.png") no-repeat scroll 0 0 transparent; } <li> <a href="#1">Frame<span class="tick"></span></a> </li>
jQuery, jCanvas, jQuery-ui, slider position on page
Hello, I am a noob when it comes to these languages/frameworks/widgets, but I am getting better. I have created two rectangles on the canvas and all is good. Now, I need to put a horizontal slider, the user selects a value, between the two rectangles. I get the slider on the page but it is below the canvas. I 'assume' this can be done and I am missing a part. Maybe a CSS needs to be created. What am I missing/doing wrong? Thanks for your time, Mark
Toggle image source with fade effect
Here is my code: http://codepen.io/vkhu/pen/Eammve I'm trying to create a cover swap effect for a book. Basically, I want the image source to change from img1.jpg to img2.jpg when I press the "back cover" line. If I press the "back cover" line again, the source changes back to img1.jpg. Also, when the covers are swapping, there will be a fade effect. I can only do the img1->img2, but not the other way. And I have no clue how to make a fade effect. Can anyone help my please?
Next Page