getting exception,when i'm trying to add only spaces values to select box dynamically.
hi All, i'm using below code to add values to select box. <%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <script src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.appendToList.js"></script> <script type="text/javascript" src="js/editableControlList.doucument.ready.js">
Javascript to jQuery Widget
Hi to all... Sorry i have already posted but i cannot find my question so i re-posted. If this is a duplicate please i ask the moderators to delete one of the posts. I am a newbie in this java and jquery area and i have a code that i would like it to be turned into a jquery widget as it is the only way i can use it. The code is for a checkbox customisation which i downloaded from ryanfait but i have to use it only as a widget, the problem is i dont know how to convert from javascript to the widget
A very basic question about a code..
Hello everyone, I'm new in jQuery and to this forum... Hope you can help me around :) I understand the following code, I just don't understand why it is actually executed if it is set to a variable... Isn't it supposed to work only if I omit the "var co = "? Thanks, Kobi. <script> (function() { var co = $('span.co').each(function () { var $this = $(this); $('<blackquote></blackquote>', { class: 'co', text: $this.text() }).prependTo($this.closest('p')); }); })(); </script>
Help about .eq + .animate... thanks
I have problem in my code http://jsfiddle.net/rjay3087/Vx28h/ the problem is the .eq is not working... im making a slider... in that sample i dunno how to upload image in jsfiddle... thanks for the help...
Dynamically changing dropdown list
I've a problem in developing dropdown list in which If we select any option,the portlet should change dynamically.Can I have the solution for this using jquery??
How to modify parameters in $.get jquery with if statement
Hi I have the following code: $j.get('url.php', { "q": 'searchajax', "search_textbox" : search_term, "searchpage" : search_countpgload_tracker }, function (data) { if (data.indexOf('sorryxyznopostsfound') >= 0) { }else{ $j('.search_div').append(data); //Append the result to div class search_records. } }); I want to include an extra parameter if a condition matches: $j.get('url.php', { "q": 'searchajax', "search_textbox" : search_term, "searchpage" : search_countpgload_tracker if(a=='hello'){
Remove element after fading
Hello, On a plugin I have the following: var defaults = { hide: function ($element, $tooltip) { $tooltip.fadeOut(4000); } }; $(this).each(function (e) { $this.mouseleave(function (e) { tooltip.timer = setTimeout(function () { options.hide($this, $("." + options.class).stop(true, true), function () { $("." + options.class).remove(); // THE ELEMENT IS NOT BEING REMOVED }); }, 0); }), // Mouse leave }) On mouse leave I am trying to remove the
Help with creating a search box which finds text on a page.
I am not too familiar with jQuery although I'm quite good with HTML & CSS. I'm am working on building a text field which would store whatever is type into it and then use the .find to turn this text red. Here would be the code to find text and make it red. What I'm trying to do is add a text field which would change what it's looking for. In the code below it's looking for the span tags. I want to instead of looking for span take the text out of the text field and insert it where the span is. I would
Re : issue for closing div
i want close particular outside div from iframe
get JSON file
Can someone help me end explain me why the following script doesn't work: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>sans titre</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Geany 1.22" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body>
How to define long methods
I have this fiddle http://jsfiddle.net/kQ8aS/ This is the jquery code $(document).ready(function (){ $('tr:first-child').next().addClass("current"); $("#next").click(function(){ $("table").find('.current').removeClass("current"); }); }); In my code,i am giving the second child a pink highlight and pushing the highlight to the next element when next is clicked. I am doing that by removing the current class from the previous element and adding a current class to the next class. How do i express that
IE Conditional Directive towards jQuery 2.0
We know that jQuery 2.0 has stopped supporting IE versions less than 9 (vide http://blog.jquery.com/2013/04/18/jquery-2-0-released/) I would like to know if there is a conditional directive which we can embed to include jQuery 1 or 2 based on the browser version. This should not disturb other browsers right?
ASP.NET Grid MVC
I am looking at a grid for MVC page in ASP.NET. jqGrid etc have the limitation that the page seems to take more time for rendering because of separate AJAX request. Is there other suitable and good grids for ASP.NET MVC?
Script not working in opera
Hello, i have the following jquery that works on IE but doesn't on Opera or Chrome : $("#id_of_select_box option[value='1']").remove(); Can i add different code to work with opera and chrome too? Thank you!
How to call javascript function from Jquery function?
Hello, $(function() { $("#changeTicketNumber").keyup(function(e) { var textValue = $(this).val(); if(trimAll(textValue) == null || trimAll(textValue).length == 0) { alert("Please enter change id or incident id",'error'); return; } if(e.keyCode == 13){ validateCHSTicketNumber1(); // in IE it is showing object expected error. } }); }); For me i have to enter some value in
Looks good in Firefox but not IE (Internet Explorer).
I have jCarousel 0.2.8 working with jQuery 1.7.1 and jQuery UI 1.8.11 in my Drupal 7 module perfectly in Firefox. However, the carousels are not working properly in Internet Explorer 7, 8, 9 and 10. What can I do to get them to load properly in both browsers? Screenshots of what it looks like in FF and IE are attached. Below is my JavaScript/jQuery code. Note that since it is a Drupal site, jQuery() is used instead of $(). You can test the issue described at my website: [demo link removed] Any help
.mouseover () help
$("figure").html('<img src="'+trg.src+'"'+jg_gallery_init("#gallery")+' />'); function jg_gallery_init (jg_s) { //creating structure $(jg_s).html('<div class="jg_controls"><div class="jg_c_stop"></div><div class="jg_c_play"></div><div class="jg_c_prev"></div><div class="jg_c_next"></div></div><div class="jg_image"></div><div class="jg_text"></div></div></div>'); //showing text info $(jg_s).css("margin-left","auto"); $(jg_s).css("margin-right","auto"); getwdth = confDoc.getElementsByTagName("maxBannerWidth")[0].childNodes[0].nodeValue;
Add Multiple Elements to Page
Hello, I have created a JQuery tooltip plugin and I am applying it to a few A tags. For each A tag there should be a different tooltip associated with it so I have: var $tooltip = $("<div>").attr("id", tooltip.id).attr("class", options.class).appendTo('body'); Where the tooltip id includes a random number created as follows: id: "Tooltip_" + Math.floor(Math.random() * (9999 - 2000 + 1) + 2000) The plugin does not behave well. I checked the HTML added to the page. Only one tooltip is being
Dropdownlist in mozilla
$("#" + DDL + " option:contains(" + Option + ")").attr('selected', 'selected'); where DDL is id of dropdownlist and Option is Text to be selected.. it working fine in IE, But in mozilla not working.
Auto Resize Font-Size
I'm working on some code to automatically change the font-size based not only on $(window).resize() but also to ensure it the text doesn't wrap, and instead shrinks to the size of its container. I do not care if the size ends up at 4...just so long as it does not wrap. My HTML: <div id="UL16" class="bracketSize L b16"> <ul class="tlist"> <li class="theTeams t16">1 upLeft upLeft upLeft</li> <li class="theTeams t16">2
New to JQuery. Want to know what server side technologies I can use in conjunction with JQuery.
Hi all, I am new to JQuery. Want to know what server side technologies I can use in conjunction with JQuery. One option i can think of is "Struts". But I want to directly connect JQuery with the business logic, rather than using server side front end. Please let me know what are the different technologies I can use. Thanks.
image create problem in verification (ajax)
i am trying to create image from random number . i can move random number to resim.php. $.ajax({ type :"POST", url :"font/resim.php", dataType :"html", data :{num: numRand}, success : function (data){
Using Modal Form Box
Hello. I may end up having several posts about this topic in all. I'm trying to use Twitter Bootstrap Modal for a popup form on my page. The main page says that I can control when the popup opens, closes..etc by using this base function. http://w3resource.com/twitter-bootstrap/modals-tutorial.php $(function () { $("#identifier").modal(); }); Now when I just use the code as is, it pulls the modal box up immediately upon page load. So I want to wrap it in an event. So I tried to use $("#register").click(function()
Please help me, I'm stuck - Object [object Object] has no method
Hello! I am struggling since a few days ago with a problem with a jQuery plugin named "Smoothdivscroll". Have found that jQuery is getting this Uncaught TypeError: Object [object Object] has no method 'smoothDivScroll' even when the script is loaded, Jquery too and all looks fine, the link is here. And the div it should be scrolling is the one below I have tried all ways I see on the web, using noconflict, jQuery(function instead of $ , and my head is stuck with this one :( also I dont have too
Allow users to build their own sports strategy
Dear friends, I'm quite new in jquery world and i hope i choose the right forum to post my question. I checked the website but i didn't found what i was looking for. I would like to know if it exists a js who allow users to build their own sport strategy. With this i mean a tool that try to simulate the movement of a rugby player, for example, where the user can decide the first point and the last point of the movement (with all the intermediate points for example through slides) I know there is
Problem with .load
I am having an issue with .load. For some reason it seems to be closing tags on it's own and not sure how to fix it. I am trying to load a page into a div. here is the jquery code $(function(){ $("a.load").click(function (e) { e.preventDefault(); $("#pdetails").show("slow"); $("#projd").load($(this).attr("href")); }); }); Here is the link to load the code <a href="/media/pdet/5" class="load" />Details</a> here is the div which to hold the
Modal with height "auto" and minHeight
Hello, Ive assigned an "auto" to a modal height. Works fine. Im now trying to assign a minHeight to the modal, but it appears to ignore it. Is there a way to assign minHeight and auto to height/width? Or do I not know what Im talking about... Thank You
moving Object animated over screen WHILE scrolling
Hi I have a small problem with an animation. I created a very high page (1200x15000px) on which the user has to scroll up and down (future & past displayed) because the user "travels" through time, I have a UFO (or similar) which guides the user. while scrolling DOWN, the object is on the TOP of the page when changing scrolling DIRECTION, the object should move to BOTTOM of the page. this is not a big thing, but animating the css-top-position is a problem while scrolling. i set up a reduced page
My Ajax is failing but Postman works?
I am sending a post request to a JSON api. If I test the remote script using PostMan (the Chrome extension), the results are perfect. However, when I try to manually post to the script using the following code: $('#whateverPage').on( 'pagebeforeshow',function(event){ var myApi = 'http://api.domain.com/make'; $.post(myApi, { fname: "Kurt", lname: "Vonnegut", password: "kilgoretrout", email: "foma@grandfaloon.com" }, function(result){ $("#resultDisplay").html('<p><br><strong>Result: </strong>'
Disable Form submition
Dear, i am adding a table row with text field using $('#table tr:last').before(""); When in press the enter key automatically form is submitted. How can i prevent the form submission when pressing enter key. I have used the code, $("form :input").on("keypress", function(e) { return e.keyCode != 13; }); it works when the table row is not added using $('#table tr:last').before(""); please help me.
Jquery if date run function
Hey guys I ran into a bit of a snag. I have written a Jquery code to overlay my page for the CISPA blackout(Yes I am one of those people lol). My issue is I can't find any answer on Google as to how to activate the script on a given date. I do not want my site blacked out every day but rather if Jquery detects todays date is 4/22/2013 then the script runs, if not then it does nothing. How do I achieve this?
Remove Caching of JQuery Script
Hi Guys, I'm having a problem about my jquery script on my web application...everytime I update my script, it seems that the browsers only loads the previous script thats why it doesn't function well. My Question is, how can I remove the caching of JQuery Script on a certain page so that it will be always updated?
Getting response from different server instances using jQuery and Ajax.
I need to use .post() method to pass the request to servlet which will exist in different server instances, eg. dev, test and production. If I just have the client .js file in one server instance -- dev, how can I pass the request to the servlet in other instances and get the response back?
Any ideas: How to assign the same input value to similar input ids?
Looking for ideas on how to accomplish this. We have a list of 10 character part numbers that are grouped like this: EDDRTTFF12 EDDRTTFF13 EDDRTTFF14 EDDRTTFF15 EDDRTTFF16 ADDRTTFF12 ADDRTTFF13 ADDRTTFF14 ADDRTTFF15 ADDRTTFF16 In the list we are asking for the user to set the price of these groups. The field name is generated on the fly by the partnumber. <input type="text" name="price_ADDRTTFF14" id="priceid_ADDRTTFF14" value=""> There are about 120 groups like this and 2000+ partnumbers. The
TextArea validation
I have a requirment in Jquery for textarea. I am new to jquery. There is a text area and max allowed length is 250. But it should have 50 characters allowed in each line and there should be 5 rows only. If a particular word in each line does not fit in that line it can wrap move to the next line so that it is not strict rule that 50 characters(including space) should come in each line. but after the 5th line though we dont use all the 250 characters( we can space to enter characters) it should not
Showing SqlDataSource field on page when clicking on an item of RadioButtonList1
Hello, I've used a RadioButtonList1 in my Page which is bound to 2 fields of a SqlDataSource. RadioButtonList1is bound to fileds ProductID and ProdcutName for Value and Display properties respectively. The question is that I just want to display the 'Price' field value on the page based on the corresponding ProductID when user clicks on an item. Thanks a lot. Tooraj Azizi.
Looking for help making a jQuery dynamic table
I am very new to jQuery and am looking for help creating a dynamic table. If you think you can help that would be great. What I need is a dynamic table and the highlighting of the table as the bottom text box is used to select an integer position. Integer row must start at 0 when showing position. Any help is great appreciated as I am so lost and have been googling and reading for hours to figure this out!
Keep formatting on dynamically fixed <thead>
Hi guys! I've got following problem: I am dynamically fixing the current thead to the top (or rather adding and removing it from the DOM). Here's the code: function fixedThead(elem){ $(elem).each(function(){ var el = elem, theight = $(el).parent().outerHeight(), twidth = $(el).parent().outerWidth(), offset = $(el).offset(), toph = $(".navbar").outerHeight(); clone = $(el).clone().addClass("headerFixed").css({ width: twidth }); $(window).scroll(function(){
Looping through nested form elements
Hello everyone, I've got a problem with my form and I didn't find any solution yet. The code above is supposed to loop through form elements (select, input, and textarea) that are located in <div id="step-1">. It is supposed to display "title" only, because it is inside <div id="step-1">, but it also loops through elements that are located inside <div id="step-2"> and <div id="step-3"> instead. I need your help. Here is the code: <form class="form-horizontal"> <fieldset> <!-- Step 1 -->
Strange hover behavior in Internet Explorer 10
I have a strange problem. The error occurs in IE10 and IE9. Here is the code responsible for the hover behavior: var postId = jQuery(elem).attr('id'); var articleId = '#'+postId; var article = jQuery(articleId); article.hover( function(event) { console.log('enter'); jQuery(me.elem).append(jQuery(this)); TweenMax.to(this, 0.3, {scaleX: 1.07, scaleY: 1.07, boxShadow: "5px 10px 10px "+color}); }, function(event){ console.log('leave');
Next Page