Get all the values from input text and store them to an array | JQuery
Hello, everybody. I am newbie as my question shows. I will paste here a code that I combined from around the web and managed to work. But there is something I cannot understand. When I add a new field, the function get the value only of the first input text. I have an expierence with C# and PHP. Jquery has a pretty different behaviour, so please let me figure this out. I need to get the values of all the text fields and add them to an array. This is a quiz. This particular code, expresess the backend
How i create modal popup window?
Hi Friends I am a beginner developer of ASP.net. I have two div tags and want to use them as modal popup and both are interlinked. say open one from each other. pls help
How to invoke ready function on appended code
Hello, I have in "ready" function code: (function () { var $args = {}; if ( $(window).width() < 1010 ) { $args = { text: false }; } var onEach = function () { var $style = $(this).attr("style"); $(this).button($args).attr( "style", $style ); }; $("INPUT[type=submit], BUTTON, .button").each(onEach); })(); In different place I append HTML like this:
Light box is not working
Dear all http://webvikas.net.in/aadivasisangh/projectdetail.php?projectid=66 light box is not working please help the jquery is conflicting but could not find solution
Uncaught TypeError: jQuery(...).jqGrid is not a function
Please Help, Im new in Jquery and having troubles to run a JQGrid. I have: <script src="~/JQGridReq/jquery-1.9.1.js"></script> <link href="~/JQGridReq/jquery-ui-1.9.0.custom.css" rel="stylesheet" /> <script src="~/JQGridReq/jquery.jqGrid.js"></script> <script src="~/JQGridReq/grid.locale-pt-br.js"></script> <link href="~/JQGridReq/ui.jqgrid.css" rel="stylesheet" /> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#list").jqGrid({
understanding $.event.special.bsTransitionEnd
hey guys was just going through the source of transition.js and came across the following lines of code : $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } I know i will probably have to go read a bunch of articles before i actually understand whats happening in there , but can somebody give me a general
Hyperlink not working on ipad and iphone
Just recently after we upgraded to the latest iOS, it seems like at one page, where there's a hyperlink, that link just stops working on ipad and iphone. The actual code is: <a id="featured_9" class="nolink" href=http://www.google.com style="cursor:pointer;"> <div style="background: none repeat scroll 0% 0% rgb(35, 35, 35);" class="mykeyfloatbox"> <div id="mykeyfeat1" class="mykeyfloatbox_int block" style="background-image: url("undefined") ! important; background-size:
Problems with Elevatezoom with Fancybox
Hello, I am trying to get a combination of Fancybox and elevatezoom working together. I got it working in FF and IE but it will not work in Chrome. I was wondering if someone could help me? Link to test page: test.html Jquery Code <script type="text/javascript"> $(function() { $('.fancybox-buttons').fancybox({ maxWidth: 512, maxHeight:768, openEffect : 'none', closeEffect : 'none', prevEffect
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
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()
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
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.
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?
required field validater is not working in ie 8 and 9
hi to all... this is the code $(document).ready(function() { $('form').validate(); $('input[required]').each(function () { $(this).rules("add", { required: true }); }); }); </script> </head> <form id="form"> <input id="txt_field2" name="txt_field2" type="text" class="required"/> <input id="wh-submit-button" type="submit" value="submit" /> </form>
Need some for complete the work
Dear friends, I am working for a blog for video tutorial. Please look at link: http://mytutorialhome.blogspot.in/p/presentsimple.html http://mytutorialhome.blogspot.in/p/presentsimple2.html http://mytutorialhome.blogspot.in/p/presentsimple3.html I am creating static pages for the blog to display the contents. I would like to display the content dynamically. Plan: There will be only one post in blog. In the upper section there will be three nos DropDown Lists. Grade Subject Lesson There also
Capture Browser tab closing event
i want to capture browser tab closing event by mouse only. (i have to invalidate session on browser close tab, not by auto refresh/refresh. Actually both are calling unload function and so unable to differentiate as a separate event to capture separately )
Toggle not working as intended when element has multiple classes.
I'm trying to show names based upon the category they are in. I'm using groceries as examples. I seem to be having trouble when something is listed in multiple categories, like tomatoes. When I hide everything but the fruit list, tomatoes are hidden since I'm also taking away the vegetable criteria from the toggle event. I want to see tomatoes in the fruit and the vegetable lists, not just when both of it's classes are activated (although it should show here too). The script is acting more like an
Topic text with changing word. JQUERY or CSS?
I want to make an animation of changing words like here http://doyouimpress.com [14.04.2015 site topic] This is what I have in my code HTML ``` <h1 class="negative-topic">EXPERIENCE SERVICES OF <span id="changing-word">SPECIAL</span><br /> REAL ESTATE AGENT </h1> ``` JQUERY ``` (function(){ // List your words here: var words = [ 'SPECIAL', 'DILIGENT', 'FRIENDLY', 'WISE' ], i = 0; setInterval(function(){ $('#changing-word').fadeOut(function(){
Change options in <select> box based on what is chosen in another <select> box
Hi, I'm doing a ecommerce website, and I want to make it easier for my customers to fill in their shipping address by allowing them to select the city and district they are in from a selection box . Assuming my site has 3 options: city A, B, and C. City A has 3 districts: Alpha 1, Alpha 2, and Alpha 3. City B has 2 districts: Bravo 1 and Bravo 2. City C has 5 districts: Charlie 1, Charlie 2, Charlie 3, Charlie 4, and Charlie 5. Is there a way to make it so that if a customer pick City A, he/she
Beginner Code question
Hello again jQuery community. So, I finally got my jQuery to work on my website, now I can get coding! The first thing I wanted, was to make my buttons on my custommade menu light up as visitors hover their mouse over it. I found a code that does just that <script type="text/javascript"> $(document).ready(function(){ $("img").hover(function() { $(this).stop().animate({opacity: "0.8"}, 'slow'); }, function() { $(this).stop().animate({opacity: "1"}, 'slow'); }); }); </script> It works perfectly,
How to remove the effect of Screen tearing
Hello everyone. How to remove the effect of Screen tearing? In firefox there is such an effect, but does not appear in chrome. http://aleshkalavrushka.tk/ My script: $(function () { var $info_panel = $('.info_panel'); $('#show_info_panel').click(function(e) { $info_panel.toggleClass('slide_panel'); }); });
Update label with textbox on change gridview
Hi, I have a gridview which contains 2 Item templates having textbox and label respectively. Currently i have a textbox on change event, which adds the text entered in the textbox to the label. Below is the IE developer markup of textbox: <input name="ctl00$ctl32$g_7e99e987_4340_46d1_83c7_0a5514900624$grdOne$ctl02$txtOthers" id="ctl00_ctl32_g_7e99e987_4340_46d1_83c7_0a5514900624_grdOne_ctl02_txtOthers" style="width: 187px;" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;"
Beginer help extreamly New to this
When I go on the jquery web site and click on the download it is not downloading the file to me computer but instead showing me the code in another window. Is this normal? Should I copy paste to javascript file and link to it. Or is something in my settings telling my computer to do this? Is linking the file all that is needed for me to use Jquery?
Incredibly new to Javascript
Hello jQuery community! As the topic says, I am new at everything Java. Though I am in need of using Java, to make my costum made Website template to work as I want it to. Though I am unsure on how to activate jQuery on my www.one.com site. I know that I have to download the jQuery files, but where do I put them @ my filemanager? On sitepages or just at the root of my server? Also, there's a code component option when using something they call "Webdesigner" where I can type in Java/html codes, is
Hide and show textbox based on dropdown value
HI, I have a dropdownlist and a textbox (few other controls and button) in my aspx page. If the dropdownlist has value as "Other", then I want to show the textbox. On postbacks of other events, the textbox is getting shown. By default, on loading the textbox should be hidden and only when dropdown has value of "Other", then textbox should be shown. I have tried this code, but it does not work on postbacks: $(document).ready(function () { $(function () { $('#<%=txtEntityOther.ClientID%>').hide();
The behavior of `$()` handling a jQuery object
I got a question here. (I've searched on StackOverflow, but found nothing helpful.) I noticed this paragraph in jQuery's API doc : Cloning jQuery Objects When a jQuery object is passed to the `$()` function, a clone of the object is created. This new jQuery object references the same DOM elements as the initial one. That means, if `$elem` is already a wrapped jQuery object, `$($elem)` will still unwrap-and-wrap the element(s) in `$elem` to create a new jQuery object, rather than returns `$elem` directly.
How to run function on load?
$('select[name="dropdown"]').on("change", function(){ if ( $(this).val() == "Hours" ) { $("#something").show(); } else { $("#something").hide(); } }); How can I start this function automatically, without having to change dropdown select? Thanks
3D jquery libraries
Hi there, Are there any specific JQuery libraries that would help me create and manipulate simple 3D shapes (cube, cuboid, prism, cylinders, etc). No textures, just colours. The purpose is to present some maths concepts. It'd be good if it's possible to: - freely revolve such a shape (with a mouse or button) - create something like that http://www.webreference.com/3d/cararra/images/cararra_ch01_11.jpg and be able to move it. Is it at all possible in jquery? if not where do I need to look to start
How to put images in other place at canvas
In https://jsfiddle.net/alano/E8rrX/embedded/result/ is a example where i need to put (drag) the sun (for example) to any position over the map. How do this? Thanks for help.
Unable to refresh datatable
I have an html document using datatables and I have the following code: <div id="tablewrap" style="margin: 20px;"> <table id="mytable" class="cell-border" cellspacing="0" width="100%"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Status</th> </tr> </thead> <tbody> </tbody> <tfoot></tfoot>
Can't get parent div hover if on iframe in IE.
Hello, I've again searched a lot and haven't found a working solution and I don't understand,what am I doing wrong. I have a divs that contain different iframes.The divs have hover effect,but as soon as the mouse enters the iframe,the hover effect is gone from the parent div.I know that it is an issue only with IE and I know that there is a workaround with jQuery,but I can't get it working. My code so far: if ($.browser.msie) $( ".leftcol iframe" ).hover( function () { $( this ).parents( ".leftcol"
html tag autocomplete javascript
help me please. here's my site: http://belkaza.do.am when you press on smiley he sent flying above and pressing the "copy" code copied ... Well if you copy the code in which there is <a> it closes automatically turns on </a> <a> text </a>, and I just want to make it <a> text can see through: code review elements and suggest where the script that makes the changes ... help me
How to insert a "Finished message" in an AJAX script
When the loop in this demo, http://www.toddcary.com/test/ajax3/index.php , finishes, I would like to display "Finished". Since I am such a newbie, I am not sure how/where to put that code in the following: $(document).ready(function() { // Hide the results $( "#send_results" ).hide(); //kick off the process $('#startButton').click(function(event) { $.ajax({ url: 'send_email.php', success: function(data) {} }); //start polling
jquery fancybox auto resizing image frame *example included
Hi everyone! Please can someone help me with setting up my jquery image preview? I need to set up my gallery to enable option like this example please there click in image and jquery will be opened and then please do resize width of the browser window, you will see that the jquery image preview will resize by itself. Right this function i need to set up! Please tell me what i need to write into my js. file
what is render: function() ?
Hello, I am running a snippet of jquery that sends to the console the value of the current top of my page in the viewport. render: function(data) { //Log the current scroll position. console.log(data.curTop); } It works great and I understand the function, but what's with the render: ? I tried to read about it but couldn't find what the render: is doing here, or maybe more specifically, what part of speech it is as it's not a jquery method, nor is it a variable or a function, per se. So what
Ajax - why do I need to click twice?
Hi, When I add the effect .slideToggle to my code, I need to click the button twice to load the content via Ajax. Why? And how can I combine .load() and .slideToggle() properly? <body> <div class="centerDiv"> <input type="button" value="Click me to load" id="myBtn"> <div id="content"></div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#myBtn").click(function(){ $("#content").load("anotherPage.html").slideToggle();
problem initiating jquery in color fade
Hello, I am new to jquery, having just read a bit and worked through 5 tutorials as part of Jeffrey Way's 30 Days to Learn jQuery over at tuts+. I have experience with actionScript and am now trying my hand at HTML5/CSS3 + jQuery. What I am specifically trying to do is to fade between the background colors of a div. I have an example using a simple array + a function that works great at jsfiddle: http://jsfiddle.net/johnkoer/8GGFM/26/ I am being humbled by asking this question for sure, but I cannot
:( Which js has modified my html ?? :( :(
a javaScript code has added class="x" to my <div>...</div> and has turned it to <div class="x">...</div> how can i find that js :( ??? is there any browsers plugins that traces which js line has modified selected html tag ?
I can I remove local uploaded files ?
Hello, How can I delete/remove a local uploaded file with the input type "file". With the code below I can upload multiple files, but before registration, I woull like to remove the "no chosen files" :
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// Loop through the FileList and render image files as thumbnails.
for (var i = 0, f; f = files[i]; i++) {
// Only process image files.
if (!f.type.match('image.*'))
Next Page