How to print error message when user tries to type mobile number in description using jquery
Hello, Im new for the jquery here i need validation for mobile number in description....i have description in form if user tries to enter mobile no in description. i should print error message as "mobile number is not allowed"....please anyone give reply for this query.. Thanks
dreamweaver and jQueryMobile to connect to MySql on godaddy
i am using dreamweaver cs6 and i am trying to connect to a mysql database on godaddy. i have built a two page app main page and page that connects to database. i have made the connection in dreamweaver and get it to work in live view. i query by category and then want to display each record on a screen. i have added a recordset paging that i move from record to record and display a pic per page. it works great in dreamweaver live view but when i start the android emulator it stopps working.
display vertical tabs in vertical direction
hi, I want to use vertical tabs, I have implemented vertical tab shown in documentation.It is working fine. I want to display tabs in vertical direction. Is it possible to display in that way?
Setting rollover state of SVG path
Sorry in advance for the newbie question, I am having a couple of issues setting the mouse over and mouse out states of an SVG path. The path is very complex (a map of north america) and i want to animate it's opacity on rollover. It works as expected but the only problem is that if you rollover, for example, 2 islands before getting to the main area of the map, it will cycle the whole opacity animation 2 times before getting to the state that you want it to (same problem on mouse out). Is there
Stored data but can't retrieve it !!
Hello, I am new to JQuery, I am trying to create a page that builds an array of objects, the objects are converted to HTML tags where I add Data and on click, I try to read the Data but it doesn't work!! Could you please have a look and tell me where I go wrong or any advice to improve this code ? Thanks for any help. Claude :-) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <script src="http://code.jquery.com/jquery-latest.js"
Ajax returns empty
Hi there, I have an ajax request on my page. I have a select form element on my page, named sz1, the ossz text input's value should be altered. $(document).ready(function () { $('[name="sz1"]').change(function () { var szolgjs = $(this).val(); var dataString = 'szolgjs=' + szolgjs; $.ajax({ type: "POST", url: "urlapar.php", data: dataString, cache: false, success: function (html) { $('[name="ossz"]').val(html);
jQuery animate step function for-loop
Hey guys, I'm creating a bar that fills up if you click on different points on it. The bar fills up with a different animation as the points. To fill up the points I decide to check his current position inside the step function of animate. After it i try to get the dot positions and compare it to the current pointer position. The problem is that the for-loop seems to repeat for every pixel that the pointer moves, so the dots are flickering. progressBar : function() { var _currentPinpos
Closing Modal screen not working
Hello, Im trying to close all modal screens when I either mouseleave or blur. But so far I cant get any of them to work. Im using the same functions in my close button and it works correctly. The mouseleave/blur event is firing because it is displayed on the console.log. $(".theeye").mouseleave(function(){ console.log("blur"); $(".ui-dialog-content").dialog("close"); $("#modal").empty(); });
Problem with getting corect width and height
Hello, I wrote application where I used JQuery.iviewer (https://github.com/can3p/iviewer/wiki it's preview browser for image). I had a problem with fit function because it has container width and height = 100 (percent from css) so the image is not correct fiting. I modified function fit (to take actual container width and height): this.options.height = $(this.container).height(); this.options.width = $(this.container).width(); but it still giving me value 100 (both for width and height).
Adding a Next/Prev that moves images in a "carousel" fasion.
We have a lightbox slider on our website, and it contains a little carousel at the bottom with clickable images. When you click one, it displays larger in the center of the lightbox. I'm trying to add next/prev actions to the thumbnail carousel slider, so that a user can click next, and see 5 more thumbnails they could potentially click on.. if that makes sense. Right now the script tied to the carousel is /** * Set the gallery thumbnails */ (function($) { $.fn.setThumbnailData = function( gallery_id,
Autocomplete Textbox - Get multiple value
My PHP file returns "suppliername" which will be listed in the autocomplete textbox using JQuery. I just want to store the "supplierid" in the hidden textbox when I choose a suppliername from the list. The code for dataentry screen follows : <html> <head> <script type="text/javascript" src="jquery-1.2.1.pack.js"></script> <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide();
addClass working, toggleClass not
I have a p element that opens a info box on click. This info box can then be closed by two links within the box itself. This is my html: <p class="link"></p> <div class="box hidden"> <a class="close">[...]</a> <div>[...]</div> <a class="close-link">[...]</a> </div> And this my js: <script type="text/javascript"> jQuery(".link").click(function(){ jQuery(this).next("div").addClass("hidden"); }); jQuery(".close-link").click(function(){
jQuery width returning value in percent - how to fix
Hello, I wrote application where I used JQuery.iviewer (https://github.com/can3p/iviewer/wiki it's preview browser for image). I had a problem with fit function because it has container width and height = 100 (percent from css) so the image is not correct fiting. I modified function fit (to take actual container width and height): this.options.height = $(this.container).height(); this.options.width = $(this.container).width();but it still giving me value 100 (both for width and height). the strange
autocomplete in ASP.NET using ScriptManager broken in Firefox with jQuery 1.9.0
I have spent a couple of days on this and narrowed down the issue. I am using the autocomplete with the new jQuery 1.9.0 and during the select function of the autocomplete I call __doPostBack to send the result back to ASP.NET. Here is my code: <script type="text/javascript"> $(document).ready(function () { $('.QuickSearch').each(function (index, value) { var QuickSearchURL = $(this).attr('qsURL'); var QuickSearchWidth = $(this).attr('qsWidth');
DOM manipulation on iPad 1 doesn't update without touch
We use a custom built codebase that's leveraged on jQuery, and for the most part, it works flawlessly all over the place. The iPad 1, though, is a different story. One particularly aggravating aspect is that in certain instances, addition and removal of classes to div elements will not be visually reflected without touching elsewhere on the screen. Does anyone know if there's a solution for this? I try to keep DOM manipulation to a minimum, but this is essential. Any help would be appreciated
.on() Not working on Ajax generated DOM elements
Hi I was writing a jquery selector to act on click element of a specific class. I tried this... $('.city_list').click(function(){ alert('hi'); }); this was not working on my ajax result elements . so i tried this... $('.city_list').live('click', function(){ alert('hi'); }); This also not working . i heard live was depricated on recent versions... so i tried this... $('.city_list').on('click', function(){ alert('hi');
slideToggle() : problem with toggle state
Hi, I want to just replace text in <span> on another div's slideToggle(), I have written some code which I expect to execute, but it's not working. In slideToggle() function I am getting false from is(:hidden) on both the State of slideToggle Following is my html code: <div style="width:77%; float:left;"> <span id="addareas" class="OtherLinkStyle" style="font-size:14px;"> Show apartment area details </span> </div> <div class="RoundPanel" style="float:left; width:77%;margin: 5px
Problem with $(a_string_var) not working in jQuery 1.9.0
Hi all, Just downloaded jQuery v1.9.0 and ran into this: var noscript_txt = $element.find('noscript').text()'; var $new_img_elm = $(noscript_txt); ...which found my image text inside a <noscript> tag just fine in previous versions of jQuery and created a jQuery image object. Now, for some reason it errors with: Syntax error, unrecognized expression: <img src="http://site.com/link/to/img/sized/sunset.jpg" alt="A beautiful sunset!" /> So it obviously found the text, but couldn't use it like before
jquery addClass/removeClass hide/show code not working
I've created the following code which will work in all browsers but IE (it takes too long to load). Any suggestions? I appreciate any help/suggestions. Here's the full code: http://fox3parkstreetdesigns.web4.hubspot.com/inbound-marketing/ $(document).ready(function(){ $('li#tab_monthly').addClass('on_m'); $('div#monthly').show(); $('li#tab_monthly').click(function(event){ $('li#tab_annual').removeClass('on_a'); $('li#tab_monthly').addClass('on_m'); $('div#annual').hide(); $('div#monthly').show();
How to add jquery code when a dynamic link is clicked that has no id
Hey everyone, I'm using Orchard cms system and have a menu in there, this menu is generated from code and looks like this: <ul class="menu menu-main-menu"> <li class="first"> <li class="current"><a href="/OrchardLocal/page">Page</a>now i want to fire up a jquery action when this link is clicked but it has no id how can i do this? Borrie
How to get id of "tr" when "<a><img> element clicked
Hello, I have a <tr> that contains an id. Im clicking on an <a><img> on that <tr> line. How can I get the id of the "tr" when clicking the <a><img>? Thank You
How can I delay a mouseenter/hover event?
$(".plus").mouseenter(function(){ var $header = []; $('.headerCls').each(function() { $header.push($(this).html()); });
How to convert text lines with BR tags into the linse with the LI
Is there any way to access a text that;s not wrapped in any tag just BR to create a new line. I need to convert it into the each separate item into the list item. Something like this: Front access battery design for easy battery access <br> Fully assembled, tested and listed to UL 1778 <br> Breaker and fuse options for single and multiple string applications <br> Hinged locking front doors for secure easy access <li>Front access battery design for easy battery access</li> <li>Fully assembled, tested
Simple YouTube API player not working in IE
Hi, I am quite new to Jquery. I have a simple script that works perfectly in FF and Chrome, but not in IE. It's driving me crazy. Could someone explain why?. This script loads a single video on a div id=video <script> var player; $(document).ready(function(){ window.onYouTubeIframeAPIReady = function() { player = new YT.Player('video', { events: { 'onReady': function () { $.getJSON("http://gdata.youtube.com/feeds/api/users/diasporaduo/uploads?v=2&alt=jsonc",
Delete/Remove Ajax Prefilter
Is there any way to delete/remove an ajax prefilter once one has been registered? Or maybe a way to circumvent it? I'm trying to write some qunit tests and to test the prefilter effectively I want to execute some ajax with and without the prefilter. However, once it's been registered there does not seem to be a way to delete/remove it... Any thoughts? I could potentially reorder the tests so all the prefilter ones occur at the end, but this will make this messier than they need to be as I won't be
Understanding the different uses of the load method with jquery
What are the biggest differences or benefits between the ways that the load method are used below.... I've seen some people do this... $('#wrapper').append($("<div>").load(mfooterwrapper)); While I've seen other peoeple use this style... $("<div>").load(mfooterwrapper, function() { $("#wrapper").append($(this)); }); Thanks for any advice! *Break through the ice and never look back*
Remove Active link on click
Hi Guys, I know this is simple to do but i have no idea how to do it. I have the sript below. What i want to do is to remove the active link highlight wheni click the same link. Thanks in advance <script type="text/javascript"> $(function() { var links = $('a.link').click(function() { links.removeClass('active'); $(this).addClass('active'); $(this).on('click', 'a.active', function(e){ // Make the old tab inactive. $active.removeClass('active'); $content.hide();
The code is working slowly
Hello any idea why my jQuery code works slowly in browser?? <body style="background-color:gray"> <div id="meniuCircle"> <img id='meniu' src="MeniuVizual.png" style="height:500px" /> <div id="opt1"> Optiune 1 </div> <div id="opt2"> Optiune 2 </div> </div> <div id="content"> <img src="bug.jpg" /><img src="bumblebee.jpg" /> </div> <script src="JavaScript1.js"></script> <script src="realshadow.js"></script> <script src="Shadow.js"></script> </body> var height
How to find a div in DOM
I know it sounds simple, however I've trying all day and could not manage to do it... My code is similar to the one below. I need to find the closest "myDiv" to the img clicked. My problem is that the actual stracture of the page is very compicated and not always the same. This is a ASP.NET control that can be placed anywhere inside body. Since I could not make it work with .find, .next, .nextUntil, etc, I tried to search each parent and if it had a div.myDiv to do the job. However for some reason,
click event for add class
i'm try to create navigation like ibm.com. $(document).ready(function(){ $(".home").click(function(){ $("#toggleNav").show("slow"); $(".home").removeClass('home').addClass("homeactive"); }); }); then i want to do, After clicked homeactive hide toggleNav $('.homeactive').live('click', function(){ alert ("ok"); }); but this is not working. I also try removing live.but not working. Please Any one can help me to do this navigation like IBM web site. Thank You for your help.
How to change a php case with javascript ?
I've searched thoroughly and attempted quite a few different methods to achieve what i'm looking to achieve basically i want to know if upon success of an ajax function i can switch to a different php case without reloading the page, for example: <?php case"1": ?> <form action="#" method="post" id="form1" name="form"> <input name="eg1" type="text" value="value1"> <input type="submit" value="Add Item" name="dosubmit" /> <?php break;?> <?php case"2": ?> <form action="#" method="post" id="form1" name="form">
How to keep image type validation
Im new for the jquery..How can i put image type validation using jquery...i've kept size validation but unable to put image type validation...pls any one help me how to keep type validation using jquery <script type="text/javascript"> $(document).ready(function() { $('#id_image').bind('change', function() { if(this.files[0].size > 1000141){ $('#formerror').html('File is too big'); }else{ $('#formerror').html(' '); }
Multiple Drop downs with Same values
Hi, I need to implement multiple drop downs with same value for example DropDown1(values: 1,2,3,4,5) DropDown2(values: 1,2,3,4,5) DropDown3(values: 1,2,3,4,5) DropDown4(values: 1,2,3,4,5) When we select the value from first drop down the value is not available in the remaining drop downs. example: From DropDown1 (Selected Value: 3) Need to remove 3 from remaining dropdowns.
how can help me about my code ?
i have three page : index.php : <?php require_once("includes/funcs.class.php"); $existUsername = new funcs(); if(isset($_POST['username'])) { $existUsername->existUsername($_POST['username']); } ?> <!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>Untitled Document</title> <script src="js/jquery-1.9.0.min.js"
DatePicker
Have jQuery Date Picker Default to the 1st Day of Next Month? I see that the defaultDate can easily be set to a specific date, or to a date that is a number of days, weeks, month, or years in the future or past. But is there a way to ... have the defaultDate default to the first day of the next month? or ... have the date picker default to the first day of a month no matter what day the user selects for that month? Any help will be greatly appreciated, as my boss is trying to save money by having
How to Keep validation for the image type using jquery
Im new for the jquery can any one help me for keeping validation for the image type...im able to keep size validation but not able to put type validation can any one help to keep image type validation which suits for this code... <script type="text/javascript"> $(document).ready(function() { $('#id_image').bind('change', function() { if(this.files[0].size > 1000141){ $('#formerror').html('File is too big'); }else{ $('#formerror').html('
Fade in slide down
Hi Forum, Does anyone know how to recreate the fadeIn and SlideDown effect with text like on the Sony website: http://www.sony.net/united/connectedworld/us/ If you can direct me somewhere or show me a simple example as to how to get it running so smoothly then that will big a huge help. Thanks, Dale
Getting error-Error: cannot call methods on multiselect prior to initialization; attempted to call method 'refresh' after upgrading jquery to 1.10.0
Hi we have upgraded our jquery ui from 1.8 to 1.10.0 which has jquery1.9.0.js files. AFter embeding all the js files n all,once we login we are getting -> Error: cannot call methods on multiselect prior to initialization; attempted to call method 'refresh' throw new Error( msg ); in jquery-1.9.0.js PLease help how to resolve this issue.Looking forward for the solution
showing and hiding div
Hello guys, i have this code: if($title.children('div:eq(' + i + ')').not(':visible')){ //$title.children('div:eq(' + i + ')').css('display','inline-block'); $('div.room-ages-titles').children('div:eq('+ i +')').css('display','inline-block'); } What it does, is when i select option 1 of a dropdown list it shows shomething like this: ch#1 if 2: chd#1 ch#2 if 3: ch#1 ch#2 ch#3 But
Getting current values from input fields with html()
I'm sending HTML to a pdf generator. My only problem is that after a user completes all required inputs, jQuery's html() only grabs the original HTML of the page without the user input. This makes sense, but I'm hoping there's a way to grab the HTML with the current values of all input fields, without manually querying each one of them. On some input forms, that could be a lot of queries.
Next Page