xml attribute not working in safari and google chrome
Here is the code snippet. the var url is undefined in some browsers. $.ajax({ url: "rss.php", cache: false, success: function(rss){ var count = 0; var channel = $('channel',rss).eq(0); $('item', rss).each( function() { var media = $(this).find('media\\:content').eq(0); var url = media.attr("url"); This works fine in IE and Firefox. But Google Chrome and Safari fails.
fadeIn div onhover, fadeIn other div on click
Hi, I am diving into my first project using jquery. What I have is a series of 3 divs containing an image, underneath which is a div with text. On hover, the text divs fade over the images in turn. On click, the text divs toggle corresponding text divs into a div next to the image/text divs, replacing the text formerly toggled on. I would like the corresponding toggled text divs to fade in/out instead of toggle. (The top-left to bottom-right action is not as aesthetic as I would like.) Page is here:
register javascript function in php
hi i want to register javascript function in php file but this doesnt work, please guide me through this is my php code <?php echo "<script language='javascript'>"; echo "function test() { "; echo "alert('hello world')"; echo "} "; echo "</script>"; ?> i m calling this php file through ajax
Problem with automatic vertical scroll with mousemove
I'm trying to apply this: http://valums.com/wp-content/uploads/20 ... /final.htm in a div with text only, but something is wrong. My divs have 300px of max-height, with overflow-y enabled. My Jquery code to apply this idea is: $(document).ready(function() { $('#produto_acoes').mousemove(function(e){divsmouseover(e,'produto_acoes',this.offsetTop);}); $('#produto_opcoes').mousemove(function(e){divsmouseover(e,'produto_opcoes',this.offsetTop);});
Selecting all 'option' elements of all 'select' elements
I've got a page I'm putting together, and I use several select/option drop-down lists to gather user input. This is currently being handled by using anchors to jump to the proper place when a user chooses a drop-down option. I'd like to use something like Smooth Anchors to make it a better user experience, and the way the plugin was written makes it very easy to modify. My problem is that I can't seem to find the way to select the option elements of the select drop-down menus. The words 'select'
Slide or Fade effect moving other elements
I created an animation in my current web application that simply does a fade toggle or slide toggle on two divs. Basically, only one should be visible at any time, but as the user makes a choice they swap out. The problem is that during the fade or slide animation, all elements below the animated element move around, which doesn't look good. As a short-term solution, I changed the animation time to zero milliseconds, but there's one last issue: when I make the second div visible and the first not
jQuery Portfolio help
I'm using this jQuery portfolio: http://www.openstudio.fr/jquery/ the issue I'm having is that the navigation for the the portfolio and any flash files on the page that it is placed, show up, over top of the content of the lightbox feature that opens when a thumbnail is clicked if anyone would like to take a stab at what is causing the issue; it even does this on the demo.
Show Hide Specific Children in Table
Hi there.. i have multiple tables on my page. each table has a wrapper with a show / hide button. I need this to independantly work with each table block to show and hide rows with a specific class.. Below is an example to where i have gotten so far. <script type="text/javascript"> $(document).ready(function() { $('.ICS_Artist_Hide').hide(); $('#ICS_Tabs').tabs({ cookie: { expires: 30} }); $('.ICSShow').toggle(function()
jquery chat dock
Could anyone help me with this. I'm a php developer and I'm trying to build a chat dock like facebook has and I'm new to jQuery so I don't know how to get started. First off, how do you get the div to stay at the bottom while you scroll the page?
Selector issue
Well i'm in trouble. Following code does not trigger : $("#cat_list > div").click(function() { alert("Bye bye!");; }); neither $("#cat_list ~ div").click(function() { alert("Bye bye!");; }); or $("#cat_list > *").click(function() { alert("Bye bye!");; }); Altough this works : $("#cat_list").click(function() { alert("Bye bye!");; }); HTML code looks like : <div id="cat_list"> <div id="39">a</div> <div id="40">b</div> ... </div> Any idea ? thanks
Functioning of Iframe (editor WYSIWYG)
Hi all, For my projet I need to creat an editor WYSIWYG (as CKeditor or WYMeditor [jQuery]) and after must research i see editor need iFrame for functioning. I don't understand when i can access to ifram.. This is the creat code : var myIframe = $('<iframe id="frame_'+myId+'" name="frameName_'+myId+'" frameborder="no" width="500" height="100">'); var myEditorBody = $('<div class="K_editor_body"></div>'); myEditorBody.append(myIframe); myIframe.appendTo(me); I can access to this Iframe
for an action on a element, stop the action on his parent
Hello ! Is that possible when you click a child that the function on the parent don't run. In these example, if I click on 'h2 > a', both elements triggers functions ('h2' & 'a') What I wan't is that if I click on 'h2 > a', only the function on 'a' is launch, not the function on the parent 'h2'. (i just wan't the 'yo' ;-) ) $(document).ready(function(){ $('h2').click(function(){ alert('yeah') }) $('a').click(function(){ alert('yo') }) }) </script> <h2> yeah, <a href="#">yo</a> </h2>
Lightbox with multiple instances on a page
Apologies to start, this is the first time I'm trying the lightbox with more than one on a page. I can't seem to get my second lightbox to launch into the lightbox. The first instance is fine and working perfectly. I'm assuming its some kind of code in the header to make it work but not sure at all. Can someone guide me please? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
.click(function()); does not work
Hi there :) I have here the simpelest jQuery script: <script type="text/javascript"> $(document).ready(function(){ $('#pageBttnNext').click(function(){ $('#viewImages').empty(); }); return false }); </script> And here my html code: <div class="images"> <p>Selected parameters: depot / date / tour:<br /> <strong><?php echo $dep." | ".$selec ?></strong></p>
Jquery + ajax - form sometimes submits multiple times
I have a form with a jquery listener that runs when you click the submit button. If there are errors an alert box will pop up telling you what they are. sometimes this box will pop up multiple times because the form is being re-submitted without clicking the submit button. Can anyone tell me why this is happening? live demo: http://bluejagweb.com/corfro/6qube_mirror/test_contact_form.html HTML - test_contact_form.html <div id="request-more-info-form"> <h2>Request a free consultation</h2> <div
Need help with menu script
A warm hello, I am really stuck with a navigation problem. The final navigation is on this page: http://www.tutte.de Under the main navigation a subnavi is rendered with the help of jquery. There are always columns with 3 subnavi points. This works on my browser. Client says, it's not working on their pcs. There is only one colum with all subnavi points. Now i am really stuck, with my javascript code. Perhaps anyone can help. Here is my menu.js: $(document).ready( function(){ $("div.submenu").hide();
Selecting time slot for scheduling using jquery. is there an
Please help me to solve this issue. It is a grid, the time period is in horizontal & locations are in vertical. I used selectable UI (ui.selectable.js). I can select time slot for each location by holding Ctrl key. 1.) How to select column wise selection (i.e. If I need the same time slot(s) for all locations, Then I can click on top of that period, then it will select vertically for all locations)? 2). But it seems very slow when number of grids increase. 3). I need zoom-in and zoom-out also (for
Bord error
General Error Unable to remove files within ./cache/. Please check directory permissions. Get this error when ever I try to log in. I found a was to get a round it.
XML Feeds and how to use the content.
Hi all, I am learning JQuery at the moment and have stumbled on something which has had me banging my head on my desk for about 8 hours. Any help would be appreciated. My problem is that i cannot get the information from the XML file to scroll. It will work fine if i use LI tags on the page but not when they are produced in script when pulling data from the XML file. My page code is this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Fixed Div for horizontal page scroll
I've been trying to get a div to scroll horizontally with a page (for a side scrolling site), but I don't want it to scroll vertically with the page. If the user scrolls vertically then the div shouldn't move with the scroll. I've used scrollTop to get an offset and hide the div, but I'd rather it just maintain it's position and not be visible when the page is scrolled down.
how do I do tabs like the demo/show/hide
I'm doing an faq and I started to use the accordian, but thought the tabs that are 1/2 way down this pagehttp://jqueryui.com/demos/tabs/ might work. If you click the option, you can open Hide details | Show examples. I can take the code from the web, but is there a working code? Also I would love to pull the text from an external xml file. Any suggestion? thanks!
Sliding menu
Hi all! I'm look for a JQuery script which lets the background scroll with the mouse. I have a menu, where a background image needs to scroll along smoothly with the mouse when you do a mouseover. Anyone knows what I mean and where I can get it? I cant even find an example :( Thanks in advance! - Tony
verticaal dropdown menu with mouseover
hello all, Im working on a vertical naviagtion menu with mouseenter and mouseleave events. Im quite new 2 jquery and cant get it working 100%. check the menu at: http://www.testrtistik.nl/tests/jquery/menu/. purpose: when nav-item has childs (sub-nav-items), I want them to rollout by mouseenter. This works. I want the sub-items rollup when leaving the sub-items div (<div class="sub-nav-items">) OR when leaving the parent of the child items (<a href="#" class="parent">pagina2</a>). problem: With my
Selecting each first anchor within span
Hi, From the code below, generated by a CMS, I want to remove each first anchor from within the locationDisplayTrailNonterminalElement spans. I can select and remove all anchors with $('.locationDisplayTrailNonterminalElement').find('a').empty(); I can select and remove the very first anchor with $('.locationDisplayTrailNonterminalElement').find('a').slice(0,1).empty(); But how can I select EACH first anchor within the locationDisplayTrailNonterminalElement spans and then remove it? Thanks, Robert.
Is the <caption> Tag inside a Table supported?
Hi, is the <caption> Tag inside a Table supported? An if yes, how can i read the text inside this tag? regards yavuz
Create a List of all Images inside a specifig div
Hi, i would like to create a list of all images inside a specific div. It should be outputted as ul li list. The List should be clickable and on click i would like to be send to the position of the image on my site. Is this possible? How can i make this? regards yavuz
Add datepicker on dynamic elements
Hi All, Currently, I am using class called calendar to add the datepicker. $('.calendar').datepicker({ changeMonth:true, changeYear:true, dateFormat:'dd/mm/yy' }); But I have some elements which I add dynamically and the element ID is totally dynamic. I have also added the class called calendar on those dynamic elements. But, jQuery couldn't parse the dynamic elements at the first. So, How can add the datepicker feature to dynamically added elements. Hope to get your help soon.. Thanks
Positions on divs to affect css on menu links
I have a one-page website with a menu that is linked internally to divs on the page. I want to make the menu links to get the css :active state whenever the div with the corresponding id reaches a certain position set from the top of the page (preferably with some margin like between 30-60px from the top). Since I'm quite new to jQuery I don't really know how to go about this. I can imagine I have to start with getting the position of any div with an id and if that id has an internal link with a
JQuery Dialog and JSF a4j:commandLink
Hello ppl, I have a problem with using jQuery Dialog and Ajax submit in JSF. I have the following code for displaying Dialog windows: <script type="text/javascript"> jQuery(function(){ // Dialog jQuery('#dialog').dialog({ dialogClass: 'alert', autoOpen: false,
Horizontal Scrolling and Tabs problem
Hello, I'm building single page website with horizontal scrolling script and I want to add tabs (loading external html) to one section. I've managed to place them into a div inside this section but problem is that every time I click on any tab it scrolls horizontally to home page and returns back directly to that tab and not top of the section/page. I'm rather new to jquery and coding so please help me to solve this problem, (I use thw.js - tiny horizontal scrolling, and jquery.js) Thank you for
Javascript within Tabs
Hi, We are working on a site that makes heavy use of JQuery and some plugins, including the JQuery UI, tabs and more specifically, address tabs (see http://www.asual.com/jquery/address/samples/tabs/ for that plugin). Our sample we are trying to get working is at http://www.eazyukit.com/drafts/sasparil ... index.html The problem arises when we try to include the wslide plugin on the "Food Menu" page, to the best I can tell after loading a tab's content, JQuery cannot/does not execute the document.ready()
Fade a div + preload the div ?
've made a small site and the content is in a div, i make this div beeing displayed with a Fade effect. Only problem is that the div appear first shortly then disapear then re-appear with the fade effect. It's very short but the result is not really good. Here is my code : <script src="javascript/jquerymin.js" type="text/javascript"> </script> <script type="text/javascript"> $(document).ready(function (){ $("#content").fadeOut(0, function(){ $(this).fadeIn(800);
jQueryHelp on StopBadware.org
Just thought you should know this site is reported and blocked by firefox due it being added to the badware filter. You might wish to look into this and rectify the situation. Find it here: http://www.stopbadware.org/home/reportsearch
Jeditable help
Hello, It is pretty simple to attach the jeditable plugin to static html elements. For example: $('.dblClick').editable('save.php',{ indicator:'saving...', tooltip:'Double click to edit', event:'dblclick' }); can the jeditable plugin be applied to live dom elements? (dom elements generated by ajax) Perhaps it could be could be done with the help of some function similar to live() ? could someone kindly share example?
jquery hangs mysteriously when reloading page
Hi all! I am building a tool to view/edit entries in a database. It will be used by a limited number of persons, all of them using Firefox. Server-side: php4, Mysql 4.0.24_Debian-10sarge2-log Client-side: Firefox 3.0.14, Windows XP Jquery version: 1.3.2 Most functions on the page are either ajax calls that retrieve new data from the server or DOM modifications of the way the data is displayed. Everything works well, I can click around as much as I like and get the desired response. But ... as soon
Tablesorter problem
Hi, I´m trying to create from a table sortable table from this web http://tablesorter.com/docs/ <html> <head> <title>php stranka</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#myTable").tablesorter(); }); </script> </head> <body> <table id='myTable' ><thead><tr><th>ID</th><th>jmeno</th><th>prijemni</th></tr></thead><tbody><tr><td>1</td><td>roman</td><td>pokorny</td></tr><tr><td>2</td><td>ondra
Tablesorter problem
Hi, I´m trying to create from a table sortable table from this web http://tablesorter.com/docs/ <html> <head> <title>php stranka</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#myTable").tablesorter(); }); </script> </head> <body> <table id='myTable' ><thead><tr><th>ID</th><th>jmeno</th><th>prijemni</th></tr></thead><tbody><tr><td>1</td><td>roman</td><td>pokorny</td></tr><tr><td>2</td><td>ondra
SerialScroll working fine in Chrome, FF but not IE
Hi there, I'm building a portfolio site at the moment using serialScroll for the gallery. I've been racking my brains over this, but I can't seem to get it to work in Internet Explorer. A sample page: http://sleepymeuk.dreamhosters.com/noid/reportage.html The other bits of jQuery are working, so I javascript is enabled on the browser... Any help would be appreciated!
How to call a toggle by clicking another element.
i have a search icon at the top of my page, when i click this it toggles show/hide on the search form. now when the user loses focus of the search form (.blur), i want it to activate the hide part of the toggle. when the search icon is clicked, it gives focus to the search form, so the moment the icon is clicked, the search form gains focus, then when someone clicks somewhere else on the page and the form loses focus, i want the search form to hide. the problem is, if i just have the search form
Preload: Images only loading-in on first visit
Hi, I'm working on a portfolio site for a friend at the moment. Each page contains quite a lot of images which fade in as they load in. To make sure the effect is seen, I set the images to pre-load before the fade-in effect happens. I have a problem with this though. Some images are not appearing when I click 'back' to a previously visited part of the site. Here's the URL: http://www.sleepymeuk.dreamhosters.com/noid/nhs.html If you click on another section, say 'Bacardi' for example and then click
Next Page