Generating Dynamic table in jQuery, and on each dynamic row create another dynamic table
Dear Reader, This is what I am trying. I will be calling a RESTful web service, and the response will be in jSON. I will be parsing this jSON object to get the key value pairs which will be divided to display in a tabular format like Key Value Key Value Key Value Till this I am clear on how to do this. Now how to display this dynamic data in a table using jQuery. I also need to display another table whenever row in a dynamic table is clicked. Here is how it will work. 1. call webservice 2. get data
.load() method with external pages
Hello, I'm trying to include a page with load() method, but it doesn't work. The page I try to load is on a remote server (script on http://www.miosito.it, page on http://www.miosito.com). This is my code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").load('http://www.miosito.it/jsprova/remoto.php'); }); }); </script> </head> <body>
click dont work in ubuntu chrome
hi . why this code dont work in chrome? $("." + periodo2 + " > a").live("click",function(event){ event.stopImmediatePropagation(); window.location = $(".updater").attr("href"); });
how to add runtime elements in htrml using jquery???
how to add runtime elements in htrml using jquery???
how to solve cross domain problem form jquery to WebService for setRequestHeader in beforeSend() method
please tell me the right solution to solve the solve cross domain problem form jquery to WebService for setRequestHeader in beforeSend() method, Already i posted more than two time regarding the cross domain issue still no one reply so please help , i struck for this past one week, how to do. Thanks
Question about syntax - using css inside jquery
I'm helping a friend build a Shopify site, so working with a CMS. They would like the names of the items to have one letter that has a custom look to match the way the wording is on the package of the products. Basically, the items all contain the abbreviation "No.", and they would like the O in that to be kind of superscripted and underlined. In the product descriptions, this is no problem, using a <span style> to control the styling of the O exactly like I want it to be. The names of the items,
Slider update page on slide
Hello; I use a technique to update div without page reloads like this sample where it says:type destination or hotelname here. My code updates the div like this: function hotels() { $.post('reloads/sep_list_refresh_jquery.php', { city: document.form.city.value, altFormat: document.form.altFormat.value, nights: document.form.nights.value},function(output){$('#hotels').html(output).show();}); } Now I need a similar but different functionality. I want to
trying to get an ajax call to work.
I'm just new to ajax and I'm having some trouble getting results to display when the controller is returning an emtpy array. What I'm trying to accomplish is to display a combo box when the user clicks on a control called L1Locations. If it's an empty array, I don't want to display a box at all. But right now, it always displays a combo box. Can you tell me where I'm going wrong? the output i get from my controller looks like this: ({'2.5':"Admin1", '2.10':"Admin2"}) and where it's an empty array,
enum in jqery
can anyone tell me how to implement enum in jquery var Direction = { North:90, East: 180, South: 270, West: 360 } can i use key value pairs for enum representation in jquery
jQuery find string then change class
I am trying to make this code that will find a certain text string and add a class to the certain <td> code is below...and i'm trying to think of everything that i can do to make this work tried it does not work :( $(function() { var foundin = $('tr:contains("KandiMan666")'); if $("tr.post").addClass("classname").removeClass(".post"); else $("tr.post").removeClass("classname"); });
Why doesn't submitting a form via the submit method on the form element invoke $.submit handlers?
See http://jsfiddle.net/8KNc7/5/ for a working example of what I am talking about (testing in Firefox 15 right now, haven't tried others). I have a form with a submit input and a button input that both submit the form data to the server, but only the submit input causes the jQuery submit event to run. Why is this? Form: <form action='/echo/html/' method='post' id='Form' name='Form'> <input type='hidden' value='posted' id='html' name='html'> <input type='submit' id='submit1' value='submit
Problem with 'closure scope'?
Hi. I didn't know, where can i put my problem so i put it in source of library, that i use;) I have a untypical problem. I made my webpage at test folder eg. http://blabla.com/test/ and my webpage works good. So i decide to replace older version and migrate him to main catalog and i get a problem. Unfortunatelly some of new services don't work properly. So i use a firebug and switch on debugger and i see, that one more step is running in bad working version of webpage. Closure Scope Closure Scope
problem making load page into div work
I am reworking wwww.tremyfoel.co.uk/beaches.htm page from a javascript that swapped in via a hidden iframe to jquery load - looked like a more efficient and easier solution. However I am having persistent problems making it work, I have tried a variety of slightly different formulations, and set up this test page: www.tremyfoel.co.uk/jqueryTest.htm two of the test (text) links work, the image links don't (merely opens the page rather than loading into the div) and I just can't figure out why. Although
activate jquery typewriter effect onmouseover
I want to activate a typewriter effect when mouse hovers over image. The image points at a flashing cursor, I want the cursor to look like it is typing out the text; DESIGN STUDIO and then the cursor to disappear once that has been written. please see http://i-n-t-e-l-l-i-g-e-n-t-s-i-a.com/entry.html
wrapping jQuery function call within a div tag?
Hi everyone, i am trying to make a google Calendar feed using jQuery, in by which it shows the upcoming 5 events in a list view...I have got the calendar to show 5 of the upcoming events however i am trying to place it so that the list should only show within the contents of a box with a fixed size, for example within in a table or a div tag with fixed with off 200px. the problem i am having currently is that i want the list to be displayed in the last row of the table within the div tag, however
increment element ID problem
I am having a problem with my script that clones the exsisting div increments the ID and then appends the results to the new div. The result show and they increment the first time but after that they never continue to increment passed 1. Am I going about this all wrong? i have a jfiddle link to some test code as well if you need. http://jsfiddle.net/catavitch/5yFDt/1/ var mycount = 0; mycount = parseInt(mycount); $('#copy').unbind('click'); $('#copy').click(function() { var template = $('.person').clone();
.serialize javascript array question
I've used the .serialize method before on form objects but how can I serialize a standard javascript array? // this doesn't work var myarray = [1, 2, 3, 4]; myarray.serialize(); //error returns: Uncaught TypeError: Object 1, 2, 3, 4 has no method 'serialize'
Image resize proportional to window resize
i need to resize an inline img upon user window resize, while respecting the original proportions from image/window... using the following code, the image gets resized way too much... what am i doing wrong? must be some logic mistake by me... please help $(window).resize(function() { // window dimenstions var windowWidth = $(window).width(); var windowHeight = $(window).height(); // figure dimensions var figureWidth = $('#detailScreen figure').width(); var figureHeight
can't test for am in last element or not.....
example I can change the css for the last element with a simple event-binding (triggered by a link), but I can't test for whether am clicking on link in last <section> or not..... i.e., this works... $('section:last a').css('color','#ccc'); but for some reason this does not work: if ($(this).parent().parent().is(':last')) { console.log('last'); // fires off even if click on link in last 'section' // } else if ($(this).parent().parent().not('div section:last')) { } else if ($(this).parent().parent().not('last'))
Deleting a div
I have three main div in my html file... <div id="main">...</div> <div id="container1">...</div> <div id="container2">...</div> Now in my code i set different Div's in these different div on mouse click events.. My Problem is that I have following structure placed in side #main <div id="itemTriangle1"> <p id="para1">some detail here</p> <div id="itemDetails1">da dada da</div> </div> <div id="itemSquare1"> <p id="para1">some detail here</p> <div id="itemDetails1">da dada
Collapsible set possible in jQury like in jQuery mobile?
I am looking to to do a collapsible set with jQuery on my pages instead of an accordian. I want them all connected as one unit instead of seperate units. Is this possible or do you know of a work around to make the accordian a single unit? Thanks, Clint
Need help modifying .scroll() to include .animate()
Hello Everyone. I have the following jQuery, CSS and HTML that I have successfully implemented. What I need help with is the <a href="#" class="resultsleftcollogo">....</a>. What I need is to have it animate in when .fixed is added, and when .fixed is removed, have it animate out. This would make for a "smooth transition" with the navigation moving up or down when the <a href... is displayed or not displayed. I appreciate any help someone could give me. Thanks! $(document).ready(function () {
jquery php autocmplete dropdownlist items add link.
<script type="text/javascript"> $().ready(function() { $("#course").autocomplete("ajaxara.php", { width: 260, matchContains: true, selectFirst: false }) }); </script>this is my autocomplete js. but i want to add link to source. for example get items is jhon and add link to "detail.php?id=1" how can i do this (:
Rewrite input value
Hi, How can I directly rewrite the input value when a users enters text in an input field ? I am looking to rewrite a field called size. When the users enters 1M it should become 1.000.000 When the user enters 500K it should become 500.000, 1K should be become 1.000 etc.. thanks for your help!
how to get an embed objet from my page and change his properties
hi there executing this code : http://www.aspsnippets.com/Articles/Select-and-Upload-Multiple-Files-Gmail-Style-using-JQuery-and-ASP.Net.aspx this is a part of the code that i get on my asp page <input id="Text1" type="text" value="my_new_folder"> <input type="file" name="ctl00$Main$FileUpload1" id="ctl00_Main_FileUpload1" style="display: none; " width="110" height="30"/> <embed src="/Web/scripts/uploader.swf?fileUploadID=ctl00_Main_FileUpload1&pagepath=/Web/Process/&buttonText=Buscar archivos&script=/Web/UploadVB.ashx&folder=firstfolder&btnWidth=110&btnHeight=30&wmode=opaque&fileDesc=Image
jQuery not working in IE using URL Rewrite Module (IIS)
I observed that using Internet Explorer 9 to show a jQuery-page some times the loading gets broken when using outboundRules in Web.config. THE SETUP To reproduce the behavior on a Windows 7 Professional machine (or use attachment): Create a Directory "C:Temp/Test" Create two .txt-files, copy and paste the code below Rename it to default.aspx and web.config. Alternatively use Visual Studio to create these 2 files Download jQuery 1.8.1-min and safe it into the directoy (although it makes no difference
JavaScript doesn't affect Php return HTML in Ajax
Hi I'm using sorting table JavaScript code. request from the server using Ajax the server (PHP) reply simple table that should be sort using the JavaScript code when add the table to the HTML body it works perfect, when I' loading through the server (from PHP) the JavaScript doesn't react what am I doing wrong here is my Ajax: $.ajax({ url: mySite+"func=couponSiteNo", data: "No="+document.CouponNo.CouponSiteNo.value, async: false, context: document.body, success: function (result) { $("#my_div").html(result);
Help: Abbreviate code, please
Demo: http://jsfiddle.net/tedp/aL7Xe/1/ Help: Abbreviate code, please: $('html').click(function() { $('#menucontainer').hide(); }); $('#menuwrap').click(function(event){ event.stopPropagation(); }); $('#menutoggle').click(function(event){ $('#menucontainer').toggle(); });
PLEASE help to correct function
Hello friends. I need help: Only Hide "div.notification-container" when the page loads. Demo: http://jsfiddle.net/P62W4/1/ $(document).click(function(event) { var $target = $(event.target); if ($target.parents().index($('.notification-container')) == -1) { if ($('.notification-container').is(":visible")) { $('.notification-container').animate({ "margin-top": "-15px" }, 75, function() { $(this).fadeOut(75) });
Problems with certain images loading on Lightbox 0.5
Hello there, I'm having some issues with some images loading on a web page I've applied Lightbox 0.5 to. 'Most' images are loading fine, but for some reason, there are several that, when clicked on, get stuck in the loading image, and won't load. Anything I've done wrong? Thanks in advance. http://reflexology.net/pictures-new2.php
When load .php file some div goes display: none
I am using trying to load a .php file via jquery .load or ajax call. I have also tried many other possible methods to load a .php file vial jquery but I have the same problem. The problem is that: When I load a php file from jquery 2 divs are unexpectedly goes display: none. You can access the website in: http://filmsfolder.com/noteslib-old/test/notesnew/#/login You can use username: ahq_balti@yahoo.com and password: 12345 to see the situation. Well, personal details are already in
Issue with event binding(?)
Hi there, have an issue with one of the sites I'm working in where the jquery selector: $('a[title]').on(...) only gets called when within the site's root. You can see what I mean here: www.cheloufi.com/enoi_v2 When you click on the navigation at the top of the page, the div flashes in and content is loaded via AJAX (and the URL changes from (www.cheloufi.com/enoi_v2 to www.cheloufi.com/enoi_v2/#/enoi_v2/currentpage), and when you close it (via the + button) and try to reopen (via one of the links
Onkeyup event slow in IE - autocomplete search attempt
I have setup a keyup event on a textbox that clears a timer every keystroke, and uses the settimeout function to execute an ajax request. Every browser works great except for IE8 and I am assuming 7. Every key that you type lags in the textbox, but ajax request functions as expected. How do I stop the lagging? I could type 3 letters and they dont show up right away. I appreciate any advice. Below is a code example: //Keypress Function To Block Enter Key $("#textbox").keyup(function(event){
Delete record from database using button and form
I was wondering if someone could look at my code; I'm trying to use a button for a user to click on each record listing and delete a specific record by clicking a button. Here is my jquery function: [code] $("input[name=problemidnumber]").click(function() { var problemid=$(this).val(); $.post( 'problemListDelete.php', { problemid:problemid }, function(response) { $("#problemListArea").load("patientProblemListPull.php"); $("#theProblemNumber").val("");
need launch callback after prompt submit
My javascript looks like this: $(document).ready(function() { var user_name = prompt('Please enter your name'); $.post('users2.php', { user_name: user_name, action: 'joined' }); }); it post to this php file. <? mysql_connect('localhost', 'root', ''); mysql_select_db('jquery'); if (isset($_POST['user_name'], $_POST['action'])) { echo "hi there"; } ?> I tried to find a way of using a callback or click method that works with prompt() but I couldn't get anything to work and now I'm too tired
Hover image problem
Hello I'm using the Jquery below to enlarge some images on a site. The problem is when I prep the images at 400 pixels the page site opens up with all the images at 400. Once the end user goes over everything looks as it should. When I prep the images at 150 pixels the end result is disappointing as the enlargement is so pixalted that it is hardly legible. Ideally I would like the page to load at 150 pixels and hover over at 400 pixels. I've tried unsuccessfully to load the Jquery on page open,
How to refer to to different radio button groups in same jquery function
Hi there, I am creating an online questionnaire with a page full of groups made of: question radio buttons (Yes/No) hidden textarea in a div that appears if the above radio button is yes This pattern repeats 9 times with a different radio button group each time. I am using the jquery slideDown function to make the hidden textareas appear if the yes button is clicked, but I can not figure out how to write it so it only refers to the radio button group currently clicked. Currently when I click a
Putting apostrophes on a comma separated string
I have this sortable http://jsfiddle.net/thiswolf/HJBc3/1/ and it gets me a list of comma separated string for instance five,5056e32ccb09d,5056e33c86eb5 but i would like 'five','5056e32ccb09d','5056e33c86eb5' Here is the jquery code i am using jQuery(function() { $('.krudSpace').sortable({ update: function(event, ui) { var newOrder = $(this).sortable('toArray').toString(); alert(newOrder); //five,5056e32ccb09d,5056e33c86eb5 //'five','5056e32ccb09d','5056e33c86eb5'
Dim background on entire page
Hi all, Does anybody know how to dim/fade the entire page using JQuery? I would like a mouseover effect to activate the dimming effect. Regards, Lasse
Hello friends. I need help to complete code (show and hide div). PLEASE
I'm doing a simple menu. I need two actions: 1 - Click on "h1" ("Titulo") shows div. " .contenido " and again click hidden div. ".contenido"; 2 - Click on "body" hidden div. " .contenido " Demo: http://jsfiddle.net/biof/cVmUY/ $(document).ready(function(){ $("body").click(function(e){ $(".contenido").hide(); $(e.target).closest('.seccion').find('.contenido').show() }); }); MIKEPIANIST
Next Page