[jQuery] jquery treeview vertical lines missing
I am trying to use treeview and have a tester page http://sitemaster-internet.co.uk/treeview/tester2.php the html for the directory view is generated dynamically with php building the unordered list from directories on the server, the html passes validation and 'looks' ok, but when the page renders the vertical lines are missing from the treeview. By way of a test I copied the html for my ul and pasted it into the original demo file that came with treeview and got the same result, so it has to be
[jQuery] Tablesorter plugin - grouping rows and sorting per group?
In using Tablesorter plugin, I have run into an challenging issue. What I am looking to do is group certain rows in a single table into two different groups, have a blank row between them and be able to sort based on columns that apply to both groups of rows but without the rows from one group actually mixing with the rows from another group. So, basically, I want to have a table like this: TABLE: Group 1 Row 1 Group 1 Row 2 Group 1 Row 3 Group 1 Row 4 - blank row - Group 2 Row 1 Group 2 Row 2 Group
assign evt.keyCode to a variable or pass it to a function?
I tried to do this ... $(some text box).keyup( function(evt){ foo(evt.keyCode)}); However function foo(keycode) complains that keycode is undefined .. .keyup(function(evt) {var kc = evt.keyCode; console.log(evt.keyCode); console.log(kc);}); Here console.log(evt.keyCode) works ... but console.log(kc) is undefined ... can evt be assigned to a local variable? My keyup function is long and I want to make a function call from within it ... Can I do this? ... I am just learning JQuery ... Thanks
[jQuery] help needed retrieving json data with jquery
There is not a single clear example that explains how to pull json data as simple as possible. I have a valid json and I need to retrieve it with jquery my json output is as: { "title": "blog entries", "items" : [ { "title": "Can Members of the Diaspora Work Effectively at th", "date": "8/4/2009 9:42:38 AM" }, { "title": "Ashoka Brazil", "date": "7/15/2009 8:56:12 AM" }, { "title": "Pozitron/Endeavor", "date": "5/26/2009 8:58:39 PM" } ] } my codes. $.getJSON("http://www.pangeaadvisors.org/sep123/blog.cs.asp",
[jQuery] jQuery animate marginTop jerky in IE
Hi everyone! I have an issue with IE which has been driving me absolutely mad for like last 2 days. Basically all works awesome, crossbrowser, etc. apart from one floated div, when I am trying to animate it's margin-top on hover (move it down, when mouse go out - move it back up). All browsers perform the animation as a charm - slick, smooth, fast and cool looking, but IE has to be different, hasn't it? Anyways, I will copy and paste the markup, css & script related to the issue. It's not all the
How to create a sliding panel in page?
I want to make a sliding panel just like in http://maps.google.com How to create it?
[jQuery] Injecting javascript code into page via prepend?
I'm trying to retro-fit google ad-manager to an existing site. Currently, we have a div on every page and then have a header file which randomly selects an add and uses jquery.prepend to put the ad in that div. With google, we now have js code we need to use. How can we use prepend to add the js code and have it run? Is that possible?
[jQuery] sign preview
I have a client that needs a web tool that will allow users to upload an image and preview that exact image on a sign template. Also, to be able to type text into a field and preview how that text will display on a sign. Similar to zazzle's custom product creation and buildasign. http://www.buildasign.com/PowerDesign.aspx?T=39694C57787463586A774D3D&cid=1430 Does anyone have suggestions on where I should start?
[jQuery] Floating DIV
I am looking for something similar to what's there at www.monster.com. When you search for a job, it shows you the job list (Single line mode) and when you hover over the Job Title column it pops up an AJAX dialog with links and further details within it. Is there some existing plugin that I can use (the closest I could find was BetterTooltip: http://edgarverle.com/BetterTip/default.cfm). But the problems I see there are a.) I do not want to create another page to fetch the contents; I want the DIV
[jQuery] Working with XML
I have the following XML to be processed: <doc> <status></status> <value> <form> <field type = "input" name = "organisation" description = "Organisatie" /> <field type = "select" name = "organisationType" description = "Soort Organisatie"> <option value = "geen" /> <option value = "Non Profit" /> <option value = "ZZP" /> <option value = "MKB" /> <option value = "Anders" /> </field> <field type = "input" name = "firstName" description = "Voornaam" /> <field type = "input" name = "lastName" description
[jQuery] ("validate") - validator.addMethod problems
Hi All I am hoping somebody can help me with this. I have two drop down select boxes (Month, Year) which I use to select a credit card expiry date. I want to check if the month and year they select is before the current month and year (to check if credit card has expired). I have created a custom validation method to do this using the jquery validation plugin. The code for the addMethod is below: // add method to validate expiry date $.validator.addMethod("expirydate", function(value, element) {
newbie help: stick bubble on rollout
hi, im new to jquery and javascript :/ and i dont speak english very well. i build my first jquery script on this page: http://lerntherapie.ausruf.ch/ as you can see, if the user hover over the linked image (icon), a bubble appears. this is working! however its needful, if the user switch the mouseposition over the bubble, the bubble should not disappear. the bubble should not disappear till then the mouse is not over the <a> or the <table>. i hope you know what i mean. here is my "script" xD $("div.popup
on link click, reload whole page, and the do jquery stuff?
hi, i'm using a jquery slider for displaying content on a webpage. http://www.jesuscarrera.info/demos/hslides/ like in the first examples i have 5 panels, and i have a meta navigation, contact, links ect. all thedifferent content for the meta-navigation is displayed via jquery in panel 5, and is working fine. now my question; when the user is for example on the second panel, and the clicks on links, the page should show panel 5 (which is the index page(default.asp)), and then show only the content
[jQuery] [validate] Problem with custom methods and eager/lazy validation
Hi, I'm using the validator plugin and it's great! I understand the following: "Before a field is marked as invalid, the validation is lazy: Before submitting the form for the first time, the user can tab through fields without getting annoying messages - he won't get bugged before he had the chance to actually enter a correct value" This is cool and how I want it to work. However, I have some custom validation methods using addMethod like: $.validator.addMethod("currency", function(value, element){
Jquery animate marginTop jerky in IE
Hi everyone! I have an issue with IE which has been driving me absolutely mad for like last 2 days. Basically all works awesome, crossbrowser, etc. apart from one floated div, when I am trying to animate it's margin-top on hover (move it down, when mouse go out - move it back up). All browsers perform the animation as a charm - slick, smooth, fast and cool looking, but IE has to be different, hasn't it? Anyways, I will copy and paste the markup, css & script related to the issue. It's not all the
[jQuery] Resizing a Thickbox
Hello, I've done a bit of googling and some experimentation but I'm a bit lost. I'm trying to dynamically resize a modal lightbox created with thickbox. So for instance, I draw the div with certain content, say a form with a select box. I'd like to be able to add additional content to the div using the select boxes 'onchange' event, like to add images or other content below the select box. Is that possible with thickbox or any other jquery plugin? Thanks for any help or pointers.
[JS] galleriffic and navigation conflict
MMike031 avatar rank newbie newbie Posts: 3 Joined: 2009-07-31 Location: Holland Posted: Fri, 2009-07-31 17:07 Hi every body!, I try to build a website,... everything goos well until I combine a Sucker/superfish menu with a galleriffic Photo gallery ;-( with other brouwsers and OS it works fine. So, in IE on Windows the menu don't fold back anymore. I saw the problem om Windows XP/Vista with IX 6 and 7. When I disable one by one all the CSS and .js files from the GALLERIFFIC folder the problem stops
[jQuery] XML parsing is not working on IE 7
From the learning JQuery 1.3 I tried to implement the following example, this works fine on IE 7 & mozilla 2.0 for all except the 'Button D'. When we click on button it displays the blank page but on mozilla it works fine. Can any body tell what can be the problem? All used files are pasted below the html code: ----------------------------- Html Code: ------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[jQuery] Jquery animate marginTop in IE (jerky)
Hi everyone! I have an issue with IE which has been driving me absolutely mad for like last 2 days. Basically all works awesome, crossbrowser, etc. apart from one floated div, when I am trying to animate it's margin- top on hover (move it down, when mouse go out - move it back up). All browsers perform the animation as a charm - slick, smooth, fast and cool looking, but IE has to be different, hasn't it? Anyways, I will copy and paste the markup, css & script related to the issue. It's not all the
[jQuery] Fade in / Out
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=049515922-06082009>I was wondering how do you make text fade in for a specific amount of time then fade out.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=049515922-06082009></SPAN></FONT> </DIV> <DIV><FONT size=2
JQuery UI Dialog help with posting please
Hi Guys, need some basic help please, im a total newbie so please bear with me. I've got the following code in my customer.php file which brings a modal dialog box with a number of fields from my dialogcustomer div. At present my dialogcustomer div is contained in this page, is it at all possible to copy the contents of the dialogcustomer div in a separate php file called add_customer.php and the code underneath call that file and process the code, i.e. displaying my form. Secondly, is it possible
[jQuery] Google Maps inside jqModal
Has anybody tried embedding Google Maps inside jqModal ? The maps aren't getting displayed properly. $().ready(function() { $('#dialog').jqm(); }); Would be great of somebody could help me out
display Form after selection in "select"
Hello, I want an address or assistance on the following: in my page I do a form with a simple select I would like after validation of this select display (without reloading) another form (more complete) after id sent by the 1st form small precision: the values of the second form are in a BDD and must be displayed Thank you for your help
[jQuery] Switching a tabs content from a remote source to a local source
It seems that if you change the url of a tab from a remote source (ajax request) to a local source i.e. ('#myTabs').tabs('url', 1, '#myLocalContentDiv'); When you then click on this tab, it makes an ajax request (to http://myURL/#myLocalContentDiv) rather than simply showing the local content. This in effect reloads the entire page into the tab. Any way round this, or shall I report this as a bug? Thanks.
Hover event and <a> title attribute
Hi, Problem: I need to set a <span> tag's text to whatever the title attribute of <a> says using the Jquery hover event. HTML: <ul id="ulmenu"> <li class="menuLink"><a href="index.aspx" title="hej1">Startsidan</a></li> <li class="menuLink"><a href="presentation.aspx" title="hej2">Presentation</a></li> <li class="menuLink"><a href="exhibitions.aspx" title="hej3">Utställningar</a></li> <li class="menuLink"><a href="gallery.aspx" title="hej4">Galleriet</a></li> <li class="menuLink"><a
[jQuery] Loading jQuery without blocking
Hi all, I played around with Steve Souders' techniques of loading JS without blocking a bit (I had already been using jQuery's getScript/ajax to load bigger chunks of code for certain parts of the site only if necessary). I tried to use what Nicolas Zakas calls "the best way to load JS" (http://www.nczonline.net/blog/2009/07/28/the-best-way-to-load- external-javascript/) for the project I work on. I created the <script...> tag for jquery.js the way described in the article, and then tried to use
[jQuery] IE6 - Ajax onchange error
Hello there :o) I have a little problem, I have 4 selectboxes with an onchange event. Onchange should call an ajax request using jquery and reload those boxes. The problem is, that the selectbox I used for selection stays open and stops the browser for a view seconds, but just for the first time I used one of those. It's like the initialization of jQuery needs the time, but why doesn't close this box??? Anybody knows this problem? greeting, matthew
targeting descendents of 'this'
Hi, a newbie question... I am trying to target images that are descendants of 'this'. I am unsure of my syntax. Perhaps its something like this... $((this) > 'img').addClass('test'); would be grateful if someone could help. cheers
parse xml when using jquery.post
I want to send data to a database by a classic asp page. This page returns xml which I want to parse on the client. This is a part of my html: [code] function sayHello(){ $.post('JqueryExample.asp',{},function(data){ parseXml(data); },'xml'); } function parseXml(xml){ $(xml).find('label').each(function() { var $label = $(this); function(e,ui){alert($label.attr('id')); } }); } [/code] And this my asp function to create the xml: [code] sub CreateXML() Response.contenttype = "text/xml" response.write("<?xml
Which plugin will do this?
Hi Guys, On this site www.bbc.co.uk on the right hand side there is a section called BBC IPlayer, you see the sliding scroll that is previewing some of the image before and some of the image due after, i cant seem to find anything similer in jquery, any pointers would be great?? Cheers Brett
If a certain option value is selected, open a required input
Hi! Here is my problem - I have a standard form that uses jquery to validate. It works great, and I love it. However, I am needing to ask the user for their address ONLY if they select one of the four option values in the drop down box. I was wondering how I would get the box to slide down when that certain option is selected? I would ask everyone for their address, but I don't think it should be required to contact me, so therefore I would only like it when this certain option is selected. Here
show information about php action
Hi, i have a php script which do very long operation and i need to give information to user about process. I have a problem. When I start a long operation(PHP) jquery do not work before that operation has been completed. Thanx a lot clueless
[jQuery] [validate] How to focus on error container above the form after the form tries to submit
Hi everyone, I have the validate plugin working for my form so that on submit the errors are all displayed in a container div above my form. By default the focus goes to the first input field that didn't pass validation, but I'd like it to focus on the error container div. Has anybody done this or does anybody know how to? Thanks in advance! Manoj
[jQuery] Filter Certain columns
hi ... i use flexgrid with .net mvc to show records from my table... i use jquery for this... i use certain objects like {display: 'ID', name: 'CustomerID', width: 40, sortable: true, align: 'left'}, {display: 'Company', name: 'CompanyName', width: 100, sortable: true, align: 'left'}, {display: 'Name', name: 'ContactName', width: 100, sortable: true, align: 'left'}, {display: 'Title', name: 'ContactTitle', width: 100, sortable: true, align: 'left'}, {display: 'Address', name: 'Address', width: 100,
[jQuery] ajax download file
Hi, Can anyone hellp me please. I integrated phpexcel with codeigniter, Phpexcel generates a pdf file. When the button "print to pdf" is press it will send an request to the server using ajax. now the problem is i dont know how to make jquery to make aprompt that the file is being downloaded. the server response is a binary not a link. is there any function in jquery.post to set its header? thanks vile:D
Change CSS value of a span with a certain value?
Hi, I am trying to change a css value on a span with a certain value (='10'): HTML: <ul class="menu-ul innerbox"> <li style="position: relative;" class=""> <div class="menu-item"> <span>10</span> </div> </li> Here is what I got so far: js: $("ul>li").find(":contains(10)").css( { 'background-color' : 'yellow', 'font-weight' : 'bolder' }); That works as long as there is no other value beginning with '10xx'. So a span like "<span>100</span>" will also be changed. What
horizontal list of text links, mouse right/left to scroll
I have a situation where I have a long list of text links that stretches wider than a containing box. The user needs to be able to move their mouse to the right side of the box and the list scrolls to display any links that are hidden. Likewise, they can move their mouse to the left side of the box and the list scrolls to display any hidden links to the left. I have seen a couple of scripts that people have written, but they were using images with a known width. In my case I have text links, with
[jQuery] a selector does not in safari
I am programming in ASP.NET and using a "hidden" server control which basically creates a hidden input in the browser. The only problem with that is that the client ID is or can be dynamic. So I have this selector that works in Firefox and IE: $("[id$='_hidCanEdit']").val() This DOES NOT work in Safari or Chrome. I'm using jQuery 1.3.2.
[jQuery] Click event to load a new page
I want to add a click function to an image to laod a new page Tried this but it doesn't work $("#i4").click(function(){ $(document).attr("href","index.php? whichPage=slider&whichAct=0&subPage=mixnmingle"); }); The whichAct variable in the query string gets changed, which is why it isn't just a static <a hef="...">...</a> Any suggestions? Thanks Paul
[jQuery] Remove an element but not it's content
I'm trying to remove a link, but keep the content within, is there a simple way to do this in jquery? <div>***<a href=""><div>This is a test</div></a></div> turns into <div>***<div>This is a test</div></div>
Next Page