[jQuery] JQuery Treeview Navigation frames
I am new to JQuery and Treeview and I am in trying to assess if the treeview could be a lightweight and efficient replacement for our current 3rd party tree control. Can the Treeview node hyperlink load the url in a different frame ? Alternatively, is it possible to catch the Node On Click event and do some business logic to figure out the exact url and then open the url in a separate frame or an AJAX Tab control ?
image slider effect using jquery
hi i need a slieshow effect that i want to create for my personal website. following is what i need i want to display an image and below that will be text and this text should be clickable and open in a new window and this way i want to show few images and text with a certain duration for each. there should be no left arrow and right arrow, instead each picture along with the text should move from the right to left or from left to right and stay for few seconds and the next one should appear and
[jQuery] Replace string characters using jQuery
Hi Everyone First post - please be gentle. I am running a search on my web site which uses jQuery to take the search terms and build up a URL based on them. For example, if someone searches for "chair" my URL will be appended with /chair/. However, if someone searches for something which is two words, for example "chair covers" I need the space inbetween to be replaced by a "+" sign so the URL will now be appended with /chair+covers/ I'm not sure if it is possible to string replace in jQuery? Here
FlexiGrid overlapping bgiframe in ie6
Hi For layout issue in IE6, I have used bgiframe for a pop up.But that bgiframe comes behind jquery flexigrid component which is not suppose to do so.I want that bgiframe to come above that flexigrid component.Any reason why it is blocking bgiframe?....can anyone give me a solution?.... Thanks in advance. Regards, Imran
[jQuery] Getting class attributes??
Hi, I need to be able to get the css attributes that a particular class defines. Such that if I have a class called "SomeClass" I want to see if it defines the attribute "position". I've tried using .css on an element that has the class, but of course that picks up the defaults and any inheritance. Thanks in advance Lyle
Overcoming recursive issue
I want to make a div of a star move slowly across the screen and then when it gets to other side repeat as if it was a star moving across a nights sky. I use; $(document).ready(function(){ animatestars(); }); function animatestars() { $('#stars').animate({left:"0px"}, 5000); $('#stars').css("right","10px"); animatestars(); } but of course jquery dumps out when it gets to the left of the page saying too much recursion (because im calling a function from within a function over
How to update DOM after calling append() ?
Hello together, I'm pretty new to jquery and I got a problem you can probably help. Here is some example code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> <script> var thumbArr = new Array( "./thumb_1.jpg", "./thumb_2.jpg", "./thumb_3.jpg", "./thumb_4.jpg", "./thumb_5.jpg"); $(document).ready(function(){ displayThumbs(); $("img").click(function(event){ $("#imageBox").append("<img class='thumbnail' src='"+ thumbArr[3]
toggling 5 divs with extra features
Hello all, I have 5 headers which each have a hidden divs. What I need to have happen is when a header is clicked the div for that header will show, then when another header is clicked the div that is visible will hide and the new one will show. I also need to have an arrow image point to the side when the div is hidden and then point down when the div is visible. Any help with this is greatly appreciated. If you need anymore info please ask and I'll get it right to you.
need help with a sliding div on mouseover
Hey, I've been wrestling with this for a bit - I'm really new to jQuery, and I've been looking through some tuts for something I could repurpose for this but nothing's worked out yet. What I am trying to do is hide a div just below the bottom of its container - an anchor with hidden overflow, styled with a background image, all of which so far I can do just fine - and then when the user hovers over the container, the div in question (containing a title and description) slides up, only as far as it
[jQuery] Hover function issue
Hi! ..rather new to javascript I'm making a rollover-script for my site. It works fine for one image, but not for many. How can I modify it to supprt any number of images? var sti = $('.ro').attr('src'); var nySti = sti.replace('.png', '_ov.png') $('.ro').hover(function() {$(this).attr('src', nySti)}, function() {$(this).attr('src', sti)} ); for image.png class="ro" hoverstate is image_ov.png Thanks!
Firefox JQuery Sortable element with IFrame
Hi All, I am using iframe in widgets which need to be sorted. The problem is-> In firefox,when a widget is moved from one place to other, the resource in iframe is reloaded. It looks like when a widget is moved the widget's "li" or "div" element is removed from one place and appended at other place in the page. Is there any way to prevent iframe to get reloaded in firefox when using it inside a sortable widget
[jQuery] Date range Picker jquery
Hi Tell the name of the plugin for <h1 style="font-weight: normal; font-family: times new roman,serif;">datePickers with start and end dates</h1> Thanks B.S.Bharanikumar
PHP generated menu -> jQuery dropdown menu
Hi! First of all I wanna say I'm new to this forum. Anyhow, my problem is that I want a menu, whereas when clicking on a link that has a submenu attached to it, the submenu is rolled out(like the menu is expanding - it's a vertical menu). But there's more to it. Some of the links on the submenu has also a submenu to it, and those I want to be rolled out to the right of the menu, so it's like a second "hovering" menu above the content that is originally to the right of the menu. I'm not very good
Calling event code programmatically
I have a dropdown with ID “show_idâ€
[jQuery] problem with firewall
when i using jQuery - I have no any problems, but I installed Firewalls and it blocking jQuery scripts. It's big problem for me. Who can help me?
[jQuery] Input position in HTML
Hi, I'm making a dynamic div in a page but I'm having some doubts: -I have an input text field and i need to get it's position (left and top) to make the div appear near this input. $.(':INPUTNAME').css ('left') returns me zero like 'top' does. Is there a way to get left/top position from a static input text field on html?? Thx!!
Need to have two fading images on one page..newbie,help
Hi guyz i have been trying this whole day to have another fade in image on the same page, but so far im very unlucky. Since im a newbie, im really struggling to get this thing going. I would be really appreciated if anyone could take little time to figure this out for me pls. Below codes and all woks fine, only thing is i can't/don't know how to have another image on the same page. Downloaded Jquery http://jqueryjs.googlecode.com/files/jquery-1.3.2.js My head tag <script type='text/javascript' src='images/jquery.js'></script>
[jQuery] Suckerfish - Hidden behind another image
I've tried this extension and it looks good. I have set the menu into the header module to replace the original menu, but it appears 'behind' the image that sits below in the same module. The original menu (suckerfish) works ok. http://www.ttmarketingservices.com/gallies/ Any Ideas? Regards Jon
indents on unordered lists
Hey, I am new here and I am sorry if this has been answered. I tried to search but couldn't find anything on the first couple of results pages. My problem is that whenever I try to use jquery galleria or jcarouselLite, my formatting gets all messed up *I think* because the <ul>'s are auto indented. I can fix this by setting a negative left margin (ie -35px) and a right margin (ie 36px). However, I would like to know if there is a less "hacky" way to get rid of this indent. I have tried setting all
[jQuery] Drag and Drop in Tabs
Hi, I am using jQuery Tabs to make an ajax call for each tab when clicked. The ajax that displays is like inettuts. 3 or 4 columns of widgets that can be dragged and dropped. The problem that I am having, when I put the html of the result directly in the main page, it works as designed. When I click on a tab, it displays the page, but all the jquery functions in that ajax page are gone and I cannot sort, drag and drop anything. I suspect that the ajax page is not reading the javascripts in the head,
VALIDATE - check zip and return the city into another input
Hello I use the Validation plugin (http://bassistance.de/jquery-plugins/ jquery-plugin-validation/) and do like this: frmzip: { required: true, digits: true, remote: zip.php, }, I have two fields; zip and city, i validate zip with remote and it checks against a list if the zip is valid, but i want it too: check if the zip is valid return true if it is valid AND return the city of the zip and paste it in the city-input... How to? Of couse i have a databas/array/list
jquery.min and background image
Hi all, I just started redesigning a website and I've run into some trouble. I've been trying to display our twitter feed using the following instructions and design: http://tweet.seaofclouds.com/ I can get it to display fine, except whenever I get it to work my backround image goes away. I tried to isolate what the problem was, and it was the following script: <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script> Does
[jQuery] Jquery this keyword to show the current clicked div class
I am new to Jquery and I need to use the this keyword to differentiate which div class name needs to show. Currently, my code below on '.bioclick' click event, every bio_desc is displayed or showed. I just want to show the current clicked '.bioclick' child '.bio_desc'. I tried using the this keyword but it did not work. Please help with my code below. $('.bio_desc').hide(); $('.bioclick').click(function() { $('.speaker_wrapper').children('.bio_desc').toggle ('slow'); }); });
How do I convince my company to go with jQuery over DoJo?
Help! We are barreling down the DoJo path and I desperately want to go with jQuery. I just can figure out how to turn this cruise ship!
Range slider missing } after property list
Hi, I am new to jquery and I was trying to run the range slider example. I get the example working and I was trying to add in other methods so I added the slide method but when I do I get the error Missing } after property list I am not sure what I am doing wrong this is the js I am using <script type="text/javascript"> $(function() { $("#slider-range").slider({ range: true, min: 0, max: 500, values: [75, 300], slide: function(event, ui) {$("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);}
Tiny Scrolling plugin and image maps help
So i am working on my horizontal website layout, and I am pretty happy with my concept and design, but it seems that there is one issue with the smooth scrolling plugins.. I am using [url="http://lab.centralscrutinizer.it/the-tiny-scrollings/"]THIS PLUGIN[/url] here called Tiny Scrolling and I was able to get it to work using an image as the link and the <a href="#first"> coding.. you can see it working by clicking on the floating navigation you see on the example page. My issue is that I wanted
Strange Element Array
I'm new to jquery but have good experience with mootools, but my new project I'm trying out jquery... I am getting to grips with it however I'm a bit confussed at how this code is working; I have four buttons and four ul's which are placed into array... Yet when you click the 1st and 2nd button they both animate the first ul like its in both position 0 & 1 of the array. I'm guessing it to do with the following(is there a better way to achieve this)? $j("#modules div ul:eq("+(clickPos+1)+")") Full
jQuery Form Validation / updating other divs ???
I am making a form where people can sign up to my website. I am taking there name and password and all that good stuff. I am using jquery form validation plug in to check the info and it works great (http://docs.jquery.com/Plugins/Validation/Methods). My problem is that I am using "remote" to check a field in my form called "promo code" to see if it is a valid promo code. This works great but I if it is a valid promo code I want to update another div on the page (where it says the price). I am stuck!
Remove current tablerow-SOLVED, new question - Zebra stripes
Follow up to previous question - I would like to add automated zebra stripping, however when rows are added and deleted dynamically, the "tr:nth-child(odd)" solution does not work. I tried adding the zebra stripe function function to my "add row" function, but this was not any better. Copy code below to test... Click an image - remove current table row <style> html{background-color:beige;} tr{background: #6699CC;} tr th{background: #FFCC66;} .odd {background: #CCCC9A;} </style> <script type="text/javascript"
[jQuery] cross-domain ajax question
I'm working in a large corporate intranet and used jQuery to build a simple javascript include that developers can throw into their source (HTML, ASP classic, ASP.NET, etc). Everything worked fine until I started to deploy out to the servers. My "logging" app is on one server in the company and the other apps are spread amongst many. For example, a web-app is running on a server like "http://server1/AppName/" and my javascript include is running on "http://server2/etc/" and calling a web service
[jQuery] POST GET help
<!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=584294120-13082009>I have </SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=584294120-13082009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=584294120-13082009>$('#JobQuery').keyup(function(){<BR>$.post("/jobs/search/",
[jQuery] Radio button checked status
Banging my head against a wall here. I have this: <h3><span class="num">1</span>Date Range</h3> <input type="radio" class="period" name="period" value="daily"> Daily <input type="radio" class="period" name="period" value="weekly"> Weekly <input type="radio" class="period" name="period" value="monthly"> Monthly and I'm trying to get checked status with this: var period = $('input.period:checked').val(); But, of course, no joy. Do *I* need to set the checked status of the radio button in order to use
[jQuery] Printing JQuery Tutorials?
Hi I'm just getting started with JQuery and would like to be able to print out the tutorials to read off line. When I visit a page such as: <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery">http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery</a> I see a button to the left under Tools, labelled "Printable" view. Clicking this results in the URL: <a href="http://docs.jquery.com/index.php?title=Tutorials:Getting_Started_with_jQuery&printable=yes">http://docs.jquery.com/index.php?title=Tutorials:Getting_Started_with_jQuery&printable=yes</a>
[jQuery] SlideTo Help
<!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=128293219-13082009>I have a standard <li id=a_<?php echo $id; ?>> </SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=128293219-13082009>code </SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=128293219-13082009>link</SPAN></FONT></DIV>
[jQuery] JQzoom help!
hello, I'm new to JQzoom ( http://www.mind-projects.it/projects/jqzoom/index.php#examples ) and I have two questions; 1) how can I display the zoomed area on load without mousing over the main image? 2) is there anyway to control the zoom in/out, or does it have to stay at the current level? any help would be really great! thanks for your time, -Ken
[jQuery] Call Jquery from Flash?
I've this function in my html page <script type="text/javascript"> <!-- $(document).ready(function() { $('#neck_link').click(function(){ $('.neck').highlightFade({color:'#FFFF… speed: 5000}); }); }); --> </script> And in the same page <a href="#" id="neck_link" onclick="return false;">Neck</a> BUT i'd like to call that function from flash. How do I set up getURL to work with <a href="#" id="neck_link" onclick="return false;"> Thanks
Click an image - remove current table row
I am trying to write a function, where the user can click on an image in a table row and the function removes the row in question. I am performing this on both static and dynamic ("live") data. I am stuck on last part. <script type="text/javascript" src="scripts/jquery-1.2.6.js"></script> <script language="javascript"> $(document).ready(function() { // use this syntax to use if table row is created dynamically // (ie: code generated after this function has been called initially) // $('a.imgCell').live("click",
JQuery Tablesorter - Multiple Options
Just a quick question. I'm trying to combine mutliple tablesoter options but I'm not able to combine the functions. I'm new to the Jquery/Javascript arena and haven't been able to find any examples on the web. Part 1 $(document).ready(function() { $("#draftlist").tablesorter({ headers: { 1: {sorter: false} } }); }); Part 2 $(document).ready(function() { $("#draftlist").tablesorter(); $("#RankAndHeight").click(function() { var
[jQuery] Best way to add attributes/extend element
When you need for a certain element (say a text input box) to remember some data, what is the best way to do this? Can you extend the input box object with jquery? Right now i've been storing it in the rel tag $('#testInput').attr('rel','extrainfo') it just seems like there should be a better way to do this. Any suggestions?
[jQuery] Refresh DIV with full page refresh
Hi All , How to refresh DIV , without refresh entire page, Am having four DIV , DIV1,DIV2,DIV3,DIV4 I want to refresh only DIV! without affecting the DIV3,DIV4 , Thanks
Next Page