Function Calling order issue with JQuery
Hi, I'm beginner in JQuery, trying to develop a plugin/control working like this http://jsfiddle.net/jddevight/esS4k/. I am populating drop down list with an external Json file. Please see the code below before reading my problem in next line. Issue: Issue is if i try to add multiple <div> in html page, i must have to follow the function caling order in selecttree.js file. See below please, if i define <div> in the order bellow. <div id="ahmadcontrol"></div> <div id="customformcontrol"></div>I
content not rendering on ipad but is on iphone
Hi, I have an application, that renders fine on the iPhone but will not render properly on the iPad. Could some please provide assistance on this. Many thanks for your help. Please see code below: <!DOCTYPE html> <html> <head> <meta name='viewport' content='initial-scale=1.0,width=device-width, minimum-scale=1,maximum-scale=1'/> <meta name="viewport" content='initial-scale=1.0,"height=device-height, minimum-scale=1,maximum-scale=1'/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta
Replace All String But Not An Especially Tag
Hi, I have a div tag which I can write some thing in it and if I write some thing which contains a tag it will save in my database and after load it will run, but I don't wanna run some tags, so I know have to replace < > with < and > but not an img tag which its class name is MyImg cause this tag inserted by my code. its kinda security for my website because perhaps someone write refresh html tag and after load from database that tag will refresh my website.
load event: class ui-page-active set
Hallo, yesterday I used jQuery Mobile to enable my pages for swiping from one to another: http://www.ulrichbangert.de/orchid/spathoglottis-kimballina-hybr.php Works fine so far, but one issue is left: I use the pageinit event to execute javascript when the page is loaded. Unfortunately the class ui-page-active is not yet set when this event is fired. Is there another event handler I can use where this class is set when it fires? To work around my problem I preload next and previous page in the swipe
expanding a menu
I am using this menu code in my application: http://www.mediamilan.com/tutos/how-to-create-simple-tree-structure-menu-using-jquery-and-css/ Modified for my app, of course. I need to add, mostly for testing purposes because the menu is large, an "expand all" button. The code for expanding a menu section upon clicking is this: $(document).ready(function() { //Class 'contentContainer' refers to 'li' that has child with it. //By default the child ul of 'contentContainer' will be set to
Know the event on postback
Hi I have a gridview with paging enabled. I am handling beforeunload from clientside wherein i am calling a code behind function. When i click on page number the page gets unloaded . Is there a way to know that page index was changed or something like that on postback and prevent that function call from client side. Thanking you in advance.
Only allow one checkbox to be checked, then display checked value
Please check: http://jsfiddle.net/lluuccaass/8B73p/ as you can see the checkbox function works perfectly. But there seems to be a problem with the callback function after checking more than one checkbox. Only one value should be displayed. I don't get the problem. I would really appreciate your help. Thanks a lot
jeditable question
This question pertains to using jeditable by Mike Tuupolo I am using it fairly simply and it all works fine, updates the database, etc. The only problem I have is after the user types the new value data and hits enter it doesn't update the field in the browser to show the new value - instead it shows "Click to edit..." in place what was just edited Could you offer me any advice? the jquery\jeditable code $('.pEdit').editable('hlpr_update_cust.php',{ id: 'field', name: 'val', indicator:
Implement .GetScript function into current AJAX script.
My page uses an AJAX script that dynamically loads content into my content DIV from a separate HTML page "content.html". The problem i am facing again and again however is that if the content contains any form of script, for instance my slideshow JQuery Plugin or my dynamic tabs plugin it simply won't work. My site is: http://www.crookedcartoon.co.uk/print.html I'm currently looking into the .GetScript function and am wondering how to implement it into my current AJAX code For example, my AJAX code
Need example for drag and drop using multiple DATALIST, DIV
Hi, We are using asp.net data list with drag and drop j Query in our application. My requirement is i would like to move this object to anywhere. I should to behave j Query drag and drop format. How can achieve this. Please review the below attached images and give me examples. Thanks in advance.
jQuery licencing on commercial sites
I understand that any modified or derivative works are also MIT or GPL, however, if jQuery is called from a webpage on a commercial site, is the HTML that it is called from now a derivative work, and hence all the copyrighted content within is now also GPL or MIT? What I'm trying to say is if jQuery is used on a commercial webpage, does the owner of the page now relinquish the copyrighted content of the page or site to the open license? Thanks in anticipation. WB
Checkbox ShowHide Disable
Hi all, I've three controls 1- CheckBox1 2- TextBox1 3- DropDownList1 now when the CheckBox1 is checked TextBox1 should be visible and DropdownList1 should be disable $(document).ready(function () { showHide("CheckBox1", "TextBox1") showHide("CheckBox2", "TextBox2"); showHide("CheckBox3", "TextBox3"); }); function showHide(Selector1, Control1, Selector2, Control2, Selector3, Control3) { $("#" + Selector1).change(function () { $("#" + Control1).toggle($(this).prop("checked"))
Having issue with click() event
Hello, I'm new in jQuery. I wrote simple code to add then remove Class after Click Close button but it not working. First, you need click on div.item, after that, when I click Close, every will return original. I read delegate the events by on() method but donot know how to use in my case. Here is my Fiddle: http://jsfiddle.net/gaoshun92/t2TxH/ $(document).ready(function(){ $("div.item").click(function() { $(this).addClass("open"); $(this).find("a.close").removeClass("hide");
Handle click() with element have the same class
Here is my JSFiddle Hello, I am new in jQuery. I have trouble when using the same class in element. I have 3 DIV.item, when I click each of them. DIV.container > h2 inside add Class .red (only in element I clicked). I using class because I want when I show them up from database, they have the same style. My project is more harder than this but I think I will understand with this small example.
Problem with national characters in cookies.
Hello, I'm having French accent problems with values put in cookies when using JQUERY/AJAX. Below are my samples. In fact, I'm testing a "town name" which contains a French accentued letter. 1. I create Cookie TEST1 in test1.php , If I read the cookie TEST1 from the same procedure the town name displays correctly. 2. Then I click on the button, to trigger a JQUERY function which creates a new cookie : TEST2 from the value found in TEST1. 3. I start AJAX to call a second procedure
Dialog widget close problem
I am using backbone view to handle the opening and closing of the dialog widget. I have written a function that performs a specific task when the dialog closes. I need to stress here that inside the dialog box I have put various input elements. Here is the function that closes the dialog box(upon clicking the cancel button) along with another action to be accomplished. close: function() {//this function is called when I press the cancel button this.$('#services').val('').trigger('chosen:updated');//this
JqueryUI Toooltip not compatible with Dialog (Modal form)?
Sorry for my Google Translate. Question: Why, when I use the tips (tooltip) in the widget Dialog (Modal form) Jqueryui, when you click on the text box input to which is applied a hint (tooltip) button activates the modal dialog box? And if I enter text in the input field and press the space bar element Dialog (Modal form) button is actuated, closing the dialog form.
Bug in datetime regional settings: 'en' is missing !!!
Why regional ['it'] is here, but ['en'] not ? there are some ['en-<some thing>'] but not a base 'en'. So from PHP i cannot use en or it AND i cannot user en-US and it-IT and it-CH ... why ?!?! It's a big inconsistence (imho) ... and sorry for my bad english see the file jquery-ui-i18n.js
Close div and stop youtube displayed in that div
Dear All refer http://webvikas.net.in/mahesh/ Click on any link specified below Sample Video A video from youtube is displayed in DIV If close Div the video keep on playing (you can hear voice) this is because the div is close but the youtube video is not stopped. How can I stop playing of the youtube video when a user click to close the DIV Sample videos Click to view 1. About this Channel 2. About UPSC Civil Services exam. 3. History basics Part 1 4. History UPSC question answer 5. Subhashchandra
how to get the all search string from given string?
How to get the all string names when string starts with "{!" and ends with "}" in the given string. My code: <span>Hi {!LastName},Welcome to All. Testttttt character testing.{!LastName1}{!LastName2},{!LastName3},{!LastName4},{!LastName5}{!LastName6},Welcome to All{!!LastName7}</span> In the above code how to get this all string contains "{!.......}"(it will returs {!LastName},{!LastName2},{!LastName3},{!LastName4},{!LastName5},{!LastName6},{!LastName7}) the string contains {!!LastName} it won't
Why there is issue with datepicker in popup?
When Modal popup is opened for the first time, date picker works but next time date picker doesnt show up. Found the below fix. Once i updated my Jquery file it worked? Is there any other solution? or we need to alter the jquery file? 1.10.2 causing problems /* Initialise the date picker */ if (!$.datepicker.initialized) { $(document).mousedown($.datepicker._checkExternalClick); $.datepicker.initialized = true; } 1.9.2. version, working as expected /* Initialise the date picker */ if (!$.datepicker.initialized)
whenever i click add record record has to display in table format and store the values in corresponding arrays !!,values are storing in arrays ,records are diplaying in table format in same jsp
var empidlist =[]; var empnamelist =[]; var dutieslist =[]; function doAjaxPost() { alert("we are in ajax do post method"); var empid = $('#emp_id').val(); empidlist.push(empid); var ename = $('#txtHint1').html(); empnamelist.push(ename); var noofduties = $('#noofduties').val(); dutieslist.push(noofduties); $(document).ready(function(){ $("#form1").submit(function(event) { alert("Thank you for your comment!");
I need a help with 2 slides in same html
Hi, In my site i try use two slides in same html, look the codes: Html: <figure id="slide"> <img src="imagens/banner_01.png" alt="Microprocessador Acadêmico em Protoboard"> <img src="imagens/banner_02.png" alt="Diagrama Geral do Circuito do Microprocessador"> </figure> css: #slide { width: 300px; overflow: hidden; height: 200px; box-shadow: 0 0 2px #999; position: relative; /*border-radius:3px; */ /*border-bottom-left-radius: 3px;*/ /*border-bottom-right-radius:
When using validation post form even with errors
I talked about this in an earlier post when I thought I had the answer. Turns out not so much. I need to be able to post the contents of a form which has jquery.validator items even when there are errors. I was trying to submit even if there were errors but the route I took ended up being called for each invalid field. Not good. Does anyone have any thoughts on how to submit even when there are valdiation errors? Thanks!
circliful plugin support
Hi, I was wondering if there is a way to fix support for Windows Opera and Windows Safari using the circliful plugin? Here is the plugin : https://github.com/pguso/jquery-plugin-circliful and here is a test : http://jsfiddle.net/me2loveit2/H9gak/ I'm having a hard time debugging it and can't figure out the reason why it won't work on Opera and Safari since it does not show an error. If there was some way to catch an error I could make a fallback version for my site. Thank you for your help in advance!
Validate a form when first loaded
I'm sorry if this is not the place to do this but I really need the help. I am creating a form that a user will fill out and save. I have validation set up and more or less working using jquery.validate. But I was asked to allow the user to be able to save the data they have entered even if it does not pass validation. The use case is that the user does not have all the information at that time and wants to save and come back later. Or they are just lazy and don't want to fill it all in right
Jquery autocomplete issue
Hello All, I was implementing jquery autocomplete in which I added the autocomplete functionality to an input and the suggestions that I get I append them to an another div. Everything was working fine till then. Now I have used tinyscrollbar to replace the default scrollbar but whenever i try to scroll using the scrollbar the options get hidden. After debugging I found out that autocomplete close was getting called after blur event on the input field. But I was not able to fix the probelem yet .
jQuery Form Plugin - how to send only changed form fields?
Hello, everyone. I need to send only changed from fields, including files. How do I do it with jQuery Form Plugin? Thx in advance!
I am getting the problem whilw posting the arrays of values to the sping controller ...but i am getting error response..please Help anyone ..thank in advance
$(document).ready(function(){ $("#form1").submit(function(event) { alert("Thank you for your comment!"); //event.preventDefault(); $.ajax({ type : "GET", traditional: true, url : "/security/twelvehrspattern.html", data : "empidlist="+empidlist+"&empnamelist="+empnamelist+"&noofduties="+noofduties, contentType: "application/json;
datepicker, click event
Hello, I have the code below (datepicker) which works if its within the same file but if its pulled in from an external js file its wont work. My strength isn't in Jquery or javascript and I'm hoping someone here can help. I have a feeling it has something to do with the click event but not sure how to implement the event. $(function() { $("#datepicker").datepicker ({ showButtonPanel: true, minDate: '0M', maxDate: '+90D', dateFormat: 'yy-mm-dd', showButtonPanel:
Hide unused Tabs using Tab Widget?
I have dynamic content in a PHP page template using a CMS. Is there a way to hide empty tabs on the pages where not every tab has content? my code is: <ul class="tabs print-no" data-persist="true"> <li><a href="#view1">Overview</a></li> <li><a href="#view2">Experience</a></li> <li><a href="#view3">Publications</a></li> <li><a href="#view4">Community</a></li> <li><a href="#view5">Recognition</a></li> </ul> <div class="tabcontents"> <div id="view1"> <div class="noScreen"> <h2>OVERVIEW</h2> </div> <?php
Dialog Draggable Bug
Example http://jqueryui.com/dialog/#modal-confirmation For view Bug Need get in body and create scroll. 1. Get Example in new window and add more textlines in BODY. 2. Minimised window browser that vertical scroll enabled. 3. Hand move scrollbar anymore as something. 4. Try move Dialog.... dialog window change position from cursor to another place..
How to apply themeroller themes using grunticon
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have applied themes using grunticon loader as prescribed in JQM demos. So code in my html head looks something like this: <script> window.grunticon=function(e){if(e&&3===e.length){var t=window,n=!(!t.document.createElementNS||!t.document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||window.opera&&-1===navigator.userAgent.indexOf("Chrome")),o=function(o){var
How to stop accordion heading text enlarging on mobile Safari
I have problem keeping the text size consistent using the accordion effect on my site when displayed on desktop and mobile versions of Safari. Safari for iOS automatically enlarges the tags <h1>,<h2>,<h3> etc. Does the title of each accordion section have to be in a head tag? Is there a way around this problem? I have tried specifying the text size as pt and em, and tried embedding a <span> within the heading to set the text size but the text always appears proportionally larger on mobile Safari
an animation for one block at the time
Hi friends, I need your collaboration to complete my work: I have a number of blocks and I want to implement an animation for one block at the time.The order of choosing the block,animation,and the duration will be randomly. I get this problems: I want to apply the animation for each block ,then initial the d array which saves the indexes of the blocks which affected with the animation, to do that again,but there are some block didn't aminate,while the array filled. how to wait for some seconds
jquery mobile font face
Hi, I an trying to add font on my css. On chrome on my desktop it is working. But not on mobile (android and ios). declaration in my css: @font-face { font-family: BYekan; src: url('BYekan.eot'), url('BYekan.woff') format('woff'), url('BYekan.ttf') format('truetype'), url('BYekan') format('svg'); } body .ui-body-c{ font-family:BYekan !important; } html * { font-family:BYekan !important; } thanks for the help
Problem with superfish subsubmenu
Hi all, I'm using the superfish plugin in my website and i need homologate it to IE8 . In IE8 i have de problem below: Someone hed this problem? Help me please!
jQuery and Css transform:rotateY?
Is there a way to replicate the effects of css's transform:rotateY(xDeg) so that you can transition between a range of degrees? Or is there a a javascript way of affecting it in a similar fashion? I'm trying to make a standard box transform(morph) all the way through to a set degree. But I'm not having any luck. Just curious if this is at all possible atm mixing css and jQuery. Thanks for reading
Sum of columns in jQuery not working
Wanting to sum rows and columns in a table with jQuery I came up with http://jsfiddle.net/HinE/y5DGC The sum of rows is working but I do not understand why the sum of columns is not working?
Post notification message in the android notification area
how can one post notification message in the android notification area
Next Page