[jQuery] mod_python and ajax - no Hello world examples exist
Im trying to implement Ajax under mod_python. Mod_python works fine for normal pages, but i cant get a Ajax response. Does somebody know of a "hello world" example for Ajax and mod_python and jQuery? My test is something like this, HTML client: $("#test_form").submit(function() { var nmval = $("#username").val(); var pwval = $("#password").val(); $.post("/test/ajax101", { username: nmval, password: pwval }, function(data) { alert(data); $("#response").html(data);
[jQuery] jQuery debugging issues
Hi, I've been working on a project that uses xml. But for some reason, it does not work in internet explorer. And after hours and hours of debugging, I cannot figure out why. I would deeply appreciate it if you could help me. I hope this isn't asking too much, but what is wrong from the code below? (I'm hoping I'm just blind and someone sees it right away) $(function() { $.ajax({ type: "GET", url: "videos.xml", dataType: "xml", success: function(xml) { $(xml).find('item').each(function(){ var thumb
slideViewer help
Hi I've just signed up to this forum and I'm looking for some help. Im a Graphic Designer currently developing a portfolio website. I have a small amount of CSS & HTML knowledge that I'm looking to build upon. I went through the slideViewer tutorial (http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html) and got it working fine without any problems! Great tutorial. I'm a little stuck with the stripTransmitter, I'm wanting to position it elsewhere on the page.
[jQuery] Javascript Debugging Issue
Hi, I've been working on a project that uses xml. But for some reason, it does not work in internet explorer. And after hours and hours of debugging, I cannot figure out why. I would deeply appreciate it if you could help me. I hope this isn't asking too much, but what is wrong from the code below? (I'm hoping I'm just blind and someone sees it right away) $(function() { $.ajax({ type: "GET", url: "videos.xml", dataType: "xml", success: function(xml) { $(xml).find('item').each(function(){ var thumb
Dropdown
is there an easy way using jquery that when an item is selected in a dropdown to display either a textbox or another dropdown underneath it?
how to execute Form action from Jquery
I have a form with j query validation , and the jquery code contain ajax function to execute the php file which insert the data into database . But i face a problem when some of form fields are file type , which upload an image , but i can't upload image with jquery and ajax as you know so now , how can i execute the form validation while i put <form action="add.php" method="post> </form> can i perform the page add.php after all jquery validate functions ? without ajax.
[jQuery] IFrame Question
Hello All! I'm working on a project and within a document I have content being loaded into an iframe. When a user clicks on an item in the iframe, a pop-up div is loaded using the facebox plugin but it's obviously contained by the iframe. Is there any way that I can pull that element out of the iframe into the parent document? Or at least position it so it looks like it's part of the parent document and not the iframe? My reasoning for this is sizing and positioning. I want to expand the size of
[jQuery] $("#selectInput").val()
In my html select code i've got the following options: <select name="dir" id="selectList"> <option id="introductie">introductie</option> <option id="offertes">offertes</option> </select> But when i select offertes it always shows my value as introductie? Full page code: <h1> Bestand toevoegen </h1> Voer alle gegevens zo zorgvuldig mogelijk in. <div id="submit"> <ul class="list"> <form name="upload" /> <li> Directorie: <?php $dir->fileToevoegen(); ?></li> <li> <input type="file" name="fileInput" id="fileInput"
[jQuery] Getting the Response Headers with the jQuery Form Plugin
Does anyone know how or if this its possible to get the response headers using the jQuery Form Plugin? I've got a success function which needs to get access to a response header I'm setting. Thanks
[jQuery] disabling all click events on all DOM elements for a small bit of time
I am new to jquery and to web development in general. I have many elements (over 100) on a page each with an onclick event listener function. They have different listener function names and varying number of parameters. The functions may take a second or two to process. If I click on any one of them, I need to disable the mouse click on all the rest until the process is done. Using bind() and unbind() is unrealistic (at least as far as my limited understanding of them is concerned) because of all
Basic questions
I'm new to Jquery and this forum.Anyway, im trying to understand it and I've got a couple of questions. With the following code I'm trying to create a button to show categores (an unordered list) and when the user has pressed the button and the categories are showed, I would like to display the "hide categories" div instead. Obviously, this works. But what doesnt work is hiding the categories once they are shown. Why is that? #categories and #hideCategories have "display: none;" attached to them
[jQuery] Tablesorter duplica datos
Hola a todos haber si hay alguien que me pudiese ayudar tengo el plugin tablesorter y essta funcionando lo que pasa es que me duplica las filas tengo una tabla estructurada de la forma como me indica <table id='unid'> <thead><tr> <th>uno</th><th>dos</th><th>tres</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr><tbody> </table> lo inicializo asi $(document).ready(function() { $("#report").tablesorter({sortList:[[1,0]]}); } ); pero me
[jQuery] input field name include "." jquery cann't parse
when i use jquery get a input like <input type="text" id="user.name" name="user.name"/> use $("#user.name") is error if input is <input type="text" id="username" name="username"/> use $("#username") is right is bug?
[jQuery] Expand/Collapse multi-line table cell from 1 to all lines
Consider a table of locations where one column is a mailing address. Each address is at least 2 lines, a few addresses are 6 lines and everything else falls in between. I have a request to display the table with only one address line with the option to expand/collapse the address cell to show the full address. I can imagine a number of solutions to this. (1) only output the first line and use Ajax to pull the full address on demand. (2) only output the first line, but store an array of all addresses
[jQuery] BlockUI
Hi everybody, im new here and i would like to know if somebody used already the block ui to validate a form... Ive seen a bunch of form validations but always using inline elements to show the warn... i would like to use with the Growl... Well, you could show me some examples, i would be gratefull! Thanks every1. Mauricio Vargas
[jQuery] Problems with animate()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6001.18226" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Hello mates!</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>I'm having a few problems using the animate() functions.</FONT></DIV> <DIV><FONT face=Arial size=2>The following piece of code
[jQuery] Get ID
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6001.18226" name=GENERATOR></HEAD> <BODY> <DIV><FONT face="Trebuchet MS" size=2><SPAN class=795562104-28052009>How do you find an ID that is generated dynamically?</SPAN></FONT></DIV> <DIV><FONT face="Trebuchet MS" size=2><SPAN class=795562104-28052009></SPAN></FONT> </DIV> <DIV><FONT face="Trebuchet MS" size=2><SPAN class=795562104-28052009><div
[jQuery] select parent node in context
within a function for an onchange-handler ($(...).change(function(e) {...) i tried something like: $(":parent input[name^=subsequentProperty]", this); this does not work, but: $("input[name^=subsequentProperty]", this.parentNode); does work. what am i doing wrong? why doesnt the first example work?
[jQuery] "not" Filter
hi, I wrote a simple code to test the "is" and "not" filters, like this: Script: $("#isDiv> div").click(function (){ if ($(this).is(":contains('Offenburg')")) { alert("Offenburg"); } if ($(this).not(":contains('Offenburg')")) { alert("Not Offenburg"); } }); Html: <div id="isDiv"> <div class="yellow" style="width:75px; height:75px; marginLeft: 0in; float:left; background:yellow"></div> <div style="width:75px; height:75px; marginLeft:0in;
[jQuery] matching full names when querying
Hi jQuery people,<div> </div><div>I just found out that jQuery can match on partials,.. is this correct?</div><div>and if so how do I make it match on the whole text.</div><div> </div><div>i.e.</div><div> </div><div> <div id="myID" class="myDiv" /></div><div> </div><div>doing a $(".myDiv, #my") will actually match the above tag! is this correct?</div><div>if so how do I force it to match the whole "myID" instead of partials?</div> <div> </div><div>regards,</div><div>Peter<br clear="all"> -- Power
[jQuery] [autocomplete] move select list next to input in DOM
I've got an application where I need the select list (the dropdown menu) to be created inside the parent of the input object, rather than at the end of the body. Briefly: we're doing an autocomplete box inside a spring-loaded "fly- out" element. The element is shown by a hover event. When the cursor is moved out of the element, it is hidden. When the autocomplete list is at the end of the body, moving the cursor over it causes the the fly-out element to be hidden. (Not my design, I just have to implement
Issues with my Dynamically Placed Table
Hey Everybody! I'm having an issue that I really hope some nice person can give me a hand with. I am pretty new to Jquery and I'm really getting confused. I am currently working on this page: http://www.empirepatiocovers.com/MetroBlack-Patio-Covers1.aspx (FYI: a lot of the page functionality does not work. We will be adding proper functionality eventually) There is a dynamically placed table that is pulling data from our XML sheet. This works beautifully. However the page needs to ultimately look
Help with styling first three rows of a table
Hi guys, I'm looking for a way with JQuery to style the first 3 rows of a table that is generated by PHP. The table is generated from a database on a loop. Now, I'm NOT looking for table-striping, I just want to style the first 3 rows of a table (in this case a scoreboard), the first gold, second silver and third bronze. I've found a lot of ways to style an entire table using zebra plugins and other methods, but I'm only looking for a way to style the first 3 rows. Here is some code I found here
[jQuery] jQuery sIFR Plugin how does it work
I wasn't able to find some instructions / examples how to use this plug-in?! Is there any body who could help me out?
[jQuery] image map type function or plugin ?
Hello guys, I'm currently building a property website for a client and Ive used jquery for all the javascript on this site. The thing i would like to know is if anyone knows of a plugin or method which would help me select image map thing like this property website has : http://www.propertyfinder.com/cgi-bin/rsearch?cu=fn-pfc&a=sf®ionid=1&t=ren&snf=rbs if you hover over the map image you will see that the mouse over selects precisely for the specific area within the drawn boundary line. Does any
[jQuery] Gradientz
Just released a jQuery plugin "Gradientz" which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more here http://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..(
[jQuery] Hour glass cursor
When blockUI is called, the cursor changes to an hour glass to indicate something is loading. If you don't move the mouse after everything has completed and unblockUI has been called, the cursor remains as an hour glass!? It will only go back to normal when you move the cursor!?
copy elements from one listbox to another
I have 2 <select> with many elements. I need when i click in a link that the selected elements duplicate to another <select>. I can only move or append with this $('#addAllDipe').click(function() { $('#selectDipendenti option').each(function(i) { $('#selectDipendenti option').remove().appendTo('#selectDipendenti2'); }); I try ro remove the remove() method but nothing change. Thanks for help
Stop anchor from triggering parent click event
Hey everyone Check out this page When the first question is clicked (p.question) it reveals the answer (p.answer) I also have an <a> anchor within the <p> which goes to another page. This works great but when I click the <a> link it starts to slide the box open just before the page loads. Can anyone see how to stop it sliding when the <a> is clicked? Thanks Cheers
[jQuery] [tooltip] Blocking tooltips
Hi all I'm using the Tooltip plugin (http://bassistance.de/jquery-plugins/ jquery-plugin-tooltip/) on a test page (http://www.nottingham.ac.uk/ ~ntzfr/test/ajax/jquery/jquery_formtest1.html). It works fine as it stands. I want the user to be able to toggle tooltips on/off, and a demo on the plugin page uses the code: $("#block").click($.tooltip.block); to call the click event of the button id "block". That also works. What I then want is to display the tooltip status by changing the button text,
AJAX error when there is no error...
I have the following code in place. This code is part of a Smarty PHP template so some of the elements are going to look a bit funny but I can assure you that it does output to the browser properly. Anyways, onto what the issue is. For some reason the error function is executing no matter if the AJAX call occurred properly or not. I know that the AJAX call is occurring properly since I can see the reply in FireBug and I see the data results come back from server. function GetIMStatus() { $("#imstatuserror").hide();
Hover event add span
Hey all, i have a problem with some navigation, i recently migrated a design to Drupal, and came across the fact i couldn't edit the main navigation html, which sucked, the help i got was to use jquery to fix this, here ill show you what im trying to achieve: http://oaklore.co.uk/ When you hover the main navigation it pops out. http://oaklore.co.uk/drupal/ I need to add the <span> attribute when hovering over each of the links, and removing it when hover out. How would i do this? Cheers.
Position eq() issue in selector
Hi - I am trying to get a selector to work using eq to find a specific input element and add an attribute: $(this + '.fieldcontrol > div:eq(1) > input').attr('value','Up'); I have tried replacing this with the id of the element in focus with no luck either. Extremely simplified html code is a <form> ... <td class="fieldcontrol"> <div><input type="hidden" /></div> <div><input type="hidden" /></div> <!-- add value to this element --> <div><input type="hidden" /></div> </td> ... </form> I am quite
Problem adding event...
Well here is my problem this dosent do any thing. $(".imageHolder img").click(imageClick); I have a function named imageClick, so now to what i think the problem is im adding the <div class="imageHolder"><img> dynamicly with ajax and jquery and after all divs/imgs are added i run the code to add a event to the images but it has no effect whats wrong?
[jQuery] 1.3.2 td class selector only picks the first td
The following code worked fine in 1.2.6 but after upgrading to 1.3.2 only the first table cell is shown/hidden. <table> <tr> <td class="more">a</td> <td class="more">b</td> <td class="more">c</td> <td class="more">d</td> </tr> </table> <span id="moreLess">more</span> ... jQuery('#moreLess').click(function() { if(jQuery(this).text() == 'more') { jQuery(this).text('less'); jQuery('.more').show(); } else { jQuery(this).text('more'); jQuery('.more').hide(); } }); Version 1.2.6 used to add style="display:
Flash and Jquery
Hello, I'm developing a script for reading the HTML content of a page and pass it as a variable to a Flash movie. In most browser this works fine but in IE the user needs to refresh the page. Here is the code I'm using: $(document).ready(function(){ var browser =navigator.userAgent //detect if I should display Flash or not var isFlash = (browser.match(/iPhone/i)) || (browser.match(/iPod/i) || browser.match(/Internet/)); if(imagefolder!=null && !isFlash) { //substitute all the ampersands
[jQuery] Updating the scraped content
I have the following code which works fine for scraping a page content. $("#global").load("filePath .globalNews ul"); But after getting the content I would like to modify it. For example, if the above code results in following HTML <ul> <li><A href="news1.html" target="_blank">News1</A> <li><A href="news2.wmv" target="_blank">News2</A> </ul> What I really want after modification is (need to output this in the element with id 'global') <ul> <li><A href="news1.html" target="_blank" onclick="myPopupFunction
Read XML > Append to Div (works in one case, not the othe
I have a page that is intended to read multiple XML files, parse them appropriately and load the content into specified content areas. The page is set up with in tabs that onclick hide the current div and display the requested div. On page load home.xml is got, parsed and loaded into the appropriate divs. This works fine; here is the code: $.ajax({ type: "GET", url: "data/home.xml", dataType: "xml", success: function(xml) { $(xml).find('section').each(function(){ var region
[jQuery] [valitation] email field triggers validation on lost focus
I have a form with a few required fields using the jquery Validation plugin to validate the input values before the form is submitted. All fields except the email field works properly, but if the value of the email-field isnt a valid email address the error message is displayed when the user proceeds to the next field. Validate doesnt wait until the submit button is clicked. If the email-field is left empty the validation doesnt happen until the submit button is clicked. <input class="email required"
[jQuery] Plugin Jquery validade
<div>When i valid the formulary with j-query validate, it increases the width of my imput. </div> <div>How can i take out this option? Please help me, its urgent!</div> <div>thanks.</div> <div> </div> <div> </div>
Next Page