[jQuery] Toolbar hover sample
We are trying to code for a toolbar used in each <li> on the page. The goal is to show the toolbar whenever we are hovering over the contents of the <li> so that we can either edit or delete the content. Is this example, the content is the text within the <a> tag. We tried to script the code so that span.toolbar was displayed whenever we received a mouseover/out event for toolbar-container. The problem is that as the mouse moves over each element (.toolbar- container, <a>, .toolbar, <img>), we lose
[jQuery] "class" bug parsing loaded xml?
Since I seem to be doing the right thing based on the responses given to a previous thread, I want to just verify this thoroughly with you folks before I submit this as a bug report. POSSIBLE BUG: "class" fails attribute selection TO REPRODUCE: Given the following xml file: <myxml> <span other="myvalue">Some content</span> <span class="myvalue">More content</span> </myxml> Load this file using $.ajax() into the variable "x" to hold the xml. The query $('span', x).length returns 2 as expected. The
[jQuery] .load() and timing
I'm new to jquery and so far it's awesome. I've run into a problem, however, that I don't fully understand how to deal with. (sorry for the cross post, if it is one, I accidentally posted this originally in the UI group). I'm using .load() to load a snippet of HTML in response to a click. I need to modify the HTML, based on what was clicked. Even though I do the modifications after the snippet is loaded, the modifications seem to operate on the initial HTML instead of the freshly loaded code. I figure
[jQuery] Possible to update form inputs after ajax request ?
Hello, I know that thanks to jQuery's ajax functions it's possible to modify part of a webpage after an ajax request. But is it possible to change the text inside the input elements of a form after a request ? What I need to do is the following : - I have 2 forms on a page. One to send a file and one with data inputs - A file is sent to a server to be processed and XML is sent back from the server - I need this XML data to be distributed to several fields of the main form. How can I do this last
[jQuery] Slide on Mouseover
I have a <div> which is very wide and it's inside of a <div> which is somewhat thin and has overflow:hidden--I use this as a like a viewport to just show part of the wide div. I have a left and a right arrow and what I want is that when the user puts the mouse on the arrow, then the inner div will slide in that direction, until he takes it off. Many Flash sites work like this. I tried this: $("a#left_arrow").mouseover(function() { nl = widediv.css('left'); nl = nl.substr(0,nl.length-2); nl = parseInt(nl)-1;
[jQuery] jquery plugin not loading
Hi there, i'm trying to use the cycle plugin on my wordpress site. Is there anything i'm unaware of relating to cycle and and jQuery? I've used the cycle plug-in quite a lot, but this is the first time i use it within a wordpress install. As you would, both jquery and cycle are loaded subsequently after the css in the head of the document: <?php wp_enqueue_script('jquery'); ?> <?php wp_enqueue_script('cycle','wp-content/themes/MBC/js/ jquery.cycle.all.js','jquery'); ?> I'm using wp's
[jQuery] Having trouble with contextMenu plugin in a frame
Hi, I'm using the context menu plugin from here -- http://www.trendskitchens.co.nz/jquery/contextmenu/. The problem I'm having is that when the functionality is in a frame, right clicking sometimes cuts off part of the menu -- http://screencast.com/t/Z9lGuq5X. I'm wondering if you know of a way to position the menu such that it's fully visible. Thanks for any help, - Dave
[jQuery] Nav-Bar functionality
Is there a tweak so the second-level horizontal NavBar will appear when the page is loaded? Here is an example of how I would like this to work: http://www.wildman.com/index.cfm?fa=overview.aboutus I noticed this site uses the jQuery library also. I am using the Joomla implementation as well. Any advise is appreciated. Thanks James
[jQuery] jQuery Plugin "Hello World"
Google gives me lots of hits on "jQuery Plugin" However, I have yet to find a _very_ simple example. One that would demonstrate the simplest syntax and also demonstrate where to install the file with the plugin.. Links are welcome. I'll take it from there. thanks Tim
[jQuery] jQuery in PCs
Hi... Am new to jQuery and the programming... I started a few days ago but found out how useful and easy is jQuery, and think its becoming, or better said... Has already become popular... It might be soon, but think the best idea would be to make jQuery as a Browser plugin... Or should be like something already included in browers to get a faster navigation when comes the time to visit a site that actually uses jquery.. not by a lot, but think jquery will keep growing! What you think guys?
[jQuery] Append images to div from JSON
I am trying to append images to a div from a json file, but a don't see the images. They look broken, but the references are ok. What is wrong here? <body> <script type="text/javascript" src="http://www.sionvalais.com/v2/js/ jq.js"></script> <script type="text/javascript"> $(document).ready(function(){ $.getJSON("http://www.sionvalais.com/social/json.php", function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.cam).appendTo("#images"); if ( i == 3 ) return false; }); });
[jQuery] [superfish] how do i make a menu disappear as user clicks on it?
now menus disappear from screen only after user moves cursor away from menu, but i want it to disappear right after user has chosen an item..
[jQuery] asynchronous, IE, and BlockUI
I have the exact same problem as this post below from a while back, which got no valid response. The reason that I need to use synchronous calls is that on some ajax submittals we either submit the entire page or return a message to the user, depending on validations - asynchronous will not work for my purposes. Does anyone have any advice on getting BlockUI to work in this scenario? Thanks in advance for your feedback! The original post: BlockUI doesn't want to load correctly in IE. The JQuery routine
[jQuery] jQuery with mod_rewrite
Hi, I'm having problems with jQuery and mod_rewrite. I read someone here before that had problems with it but I couldn't figure out what was wrong with my code. What I do is this, RewriteBase / RewriteRule ^([^.]+)$ /index.php [L] In index.php I then split all "/" to sepperate variables. For example, /member/edit will tell index.php to include the page member.php, that I do with include "member.php", and that variable $_URI['type'] is edit. So now we have $_URI['page'] = member.php, $_URI['type']
[jQuery] Hover vs Click, etc.
The following script produces a box that opens on mouseover and closes on mouseover. $(\'#triggerReg\').hover(function(){ // do something on mouse over $(\'#menuReg\').show(); },function(){ // do something on mouse out $(\'#menuReg\').hide(); }); It works fine for displaying brief text messages. But if you display a column of links, it closes as soon as you try to put the cursor over a link. Can someone show me how to modify this so that the menu stays open until you manually close it again? I changed
[jQuery] [Validate] Using title or label for generics errors messages
HI! I'm using jQuery Validate and i'm wondering why it's not possible to use the label field or the title field to display generics errors messages. ex: <input type="text" title="My Field" class="required"/> Current display: This field is required. Proposal display: The field "My Field" is required. With inline error messages, there is no problems, but with an error container, it means that you should override the default message for each control manually. I noticed that could already display arguments
[jQuery] Hogging the browser
Hello! I am writing my own jQuery tooltip plugin which loads tooltip data from an external xml file. Now my script seems to have some leak I can't find. After displaying the tooltip a few times I can't interact with other web page elements such as links. I can click on them but they won't take me anywhere. You can find the javascript here: http://paste-it.net/public/i45ed91/ or http://jbubble.woutervandongen.com/data/jbubble-latest-release.js Please help me out on this one! I really need this to
Script won't run when using .Load();
Hello, I built this page as one static page, I used the jCarouselLite plugin on that page, and it worked fine. I then took the portion of the page with the Carousel div and put it in a separate file, so I could load it into a DIV using .Load(). Once I did that, the Carousel script stopped working. It still works if I load the page directly, but when it loads into the page it doesn't apply the script. There are no errors. I tried moving all the function calls, script references, styles, etc into the
return attr onmouseoout
Hi, I'm new to JQuery, so please be patient My problem is, that I'm getting links from a CMS in that way: <a href="#" onmouseover="over('img4_95e4_0');" onmouseout="out('img4_95e4_0');" id="link_mainwindow_center_content_01"><img src="..." name="img4_95e4_0" id="link_mainwindow_center_content_01_img" /></a> The img-name and the onmouseover and -out and also the img src are generated dynamically. SO what I want to do is: on clicking the link with id "link_mainwindow_center_content_01" the onmouseover
[jQuery] Getting All DOM Elements except Ones with parent X
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] JQuery validate remote call allows form submission before call returns
I believe I'm having a sync issue with the remote validate option. The sample form can be found at www.apylon.com/dagangnet. Basically, the issue is that the captcha is set up for remote validation, but before the result can be returned, the form can be submitted. How do I force the form to not submit until the value is returned from the remote call? Thanks
[jQuery] ThickBox / iframe / form
We've been using the following setup for a few years now: jquery + thickbox (iframe option) showing a form that can be used to upload a file Note: on the main page (not the ThickBox modal page) there is a Google Map. When first writing this, it was hard to find a selection of tools that made uploading a file form a modal (ThickBox style) dialog possible. Since updating to jQuery 1.3.1 (we skipped 1.3 due to IE bugs that have since been fixed), the following happens: - everything seems to work normally
[jQuery] Need to include Scroll bars in the Block UI panel
Hi, I was able to display a form in the panel of BlockUI but was not able to bring scroll bars in the same. Is there any property i need to set to enable scrolling? Please help...
Is it possible to combine load and slidein?
Hi, is it possible to combine load and slidein? I would like to slidein the content from $("#feeds").load("feeds.html"); and not only show it. Thanks!
Loading XML/File into DIV makes jQuery fail
http://9publishing.co.uk/test/xml/jquery/ The links at the top load XML/file/content into the DIV. This works ok. I then want the images (from 2nd link) draggable to the right hand menu. It doesn't work. However if I select everything, view source code, save the file and view it (http://9publishing.co.uk/test/xml/jquery/jj.asp ) it works fine! Can someone shed any light on the situation please? Here is the code that loads the XML/file/content into the DIV var xmlHttp function showCD(str) { xmlHttp=GetXmlHttpObject();
[jQuery] Datepicker Plugin Quesiton
<div dir="ltr">Hello every one Can some one help me setting the datepicker plugin with the following options min date =today date format =yyyy-mm-dd thanks </div>
selector wildcard [solved]
Hello, I would very much appreciate some help. If I wanted to, for example, hide all divs that have the word "foo" in the name I would use a wildcard like so: $("div[@name*=foo]").hide(); Can anyone tell me how I would go about hiding divs that don't have the word "foo" in the name?? I can't seem to find an answer to this.. Many thanks Paul
[jQuery] wiki software used for docs.jquery.com?
I love the docs and I was wondering what wiki platform they were using. Any Idea? I think its a modified version of mediawiki but I thought I would ask. Thanks, MJ
[jQuery] Running Javascript from Ajax Response
I am trying to write my first application, and am trying to use jquery to help me along my travels. I have setup my application to work so all pages are loaded via ajax, using anchor's as navigation. However on some pages that i return using the AJAX i want to be able to run code. This works on firefox, however it does not work on anything else. So really my question is: How do i run javascript code from an ajax response? <form action="ajax/forms.php" method="post" id="myform"> Title: <input
[jQuery] Little help please?
Hi Guys, I'm playing around with writing plugins. To learn I decided to write a plugin which interfaces with Google Maps. My code is as follows: jQuery.fn.extend({ googlemap : function(lat,lng,zoom) { return this.each(function(){ if (GBrowserIsCompatible()) { map = new GMap2(this); map.setCenter(new GLatLng(lat, lng), zoom); } }); }, pan : function(lat,lng, delay) { return this.each(function(){ window.setTimeout(function() { map.panTo(new GLatLng(lat,lng)); }, delay); }); }, infoWindow : function(lat,lng,
Rounded corner plugin with bordered div's in IE6?
I use the rounded corner plugin. My div has a border. It works ok in FF3. In IE6, the background color is "rounded", but no the border. Does anybody know how to fix it?
[jQuery] Unable to read java script in IE 7 ( its compatible with FF)
Dear all, i am trying to develop a form, i am using jquery ajax function. Although i have develop it and its running properly with FF, when i try to run this using IE 7 its give an error. I have try to this javascript using VS i found IE unable to read (onKeyPress="return onEnter(event,this.form,'client_search') which i have apply in a text box. can any one please told me how can i resolve this problem. Regards Yogendra kaushik
[jQuery] Please need your help ( change image when i click on it)
<div dir="ltr">Hello Every One I really need your help, What i am trying to do is when click on image in the page i need to change it to other one and in the same time update textbox with image ID. Thanks in advance </div>
How can I load a relative url from a different domain?
Hi there, I am trying to scrape news links from other sites on our company's intranet, but the urls on the source page are not absolute urls and so don't link to the correct location when they are scraped from a different domain. Example Assume my News Desk page is located at http://site1.net/news_desk.htm In this page I'm using the following jQuery to scrape another site which has a different domain name: $("#LatestNews").load("http://site2.net/news/top_stories.asp .news li:lt(3)"); This results
Change color of link
Hey! I'm very new to js and jquery so any pointers i welcome Here is the code I'm working with now: $(document).ready(function() { $('[id^=download]').click(function() { var id = '.'+$(this).attr("id"); var class = '#'+$(this).attr("className"); $(id).hide(); $(class).show(); }); }); <div id="cat_X"> <div class="download_X" id="links_X_1">links 1</div> <div class="download_X" id="links_X_2" style="display:none">links 2</div> <div class="download_X" id="links_X_3" style="display:none">links
[jQuery] graphing with JQuery
Hi I am a beginner in JQuery. As part of my project, I have to plot a graph using flotr. For this I have to pass the JSON data to the flotr library. I have the java servlet which generates the JSON object. Someone please explain how I can use $.getJSON and use the same to plot graph. Thanks in advance Kuttan
[jQuery] how can i bind events to elements insite <object> ?
i have a html page with an object element inside which loads an external page (i am using an object instead on the depricated iframe). <object name="mbObject" id="mbObject" data="test_page/testPage.htm" type="text/html" > </object> i need a function called when i click on a certain div with a specific class but i just can't get it to work, i can't even get an alert when the object id is clicked. what am i doing wrong? regards Robin
[jQuery] Working with identical objects
Hi, I have a form with dynamically added fields in it. The plugin that works with those fields have several private fields and functions. What is the right way of grabbing the data from from the right object. For example: I'm using drop downs as generated dynamically fields. If I there is only one drop down of this kind (with specific ID) everything is working fine and I can easily retrieve what is selected. But once I'm one or more added, the selected value grabbed from the last added. What is the
[jQuery] checking if there is a select in the form/html?
Hi, I have this: var state = $("select[@name='state']").get(0).value; but there are times there is no select element in the html, and cause this statement to fail, how to check if there is 'select[@name='state']' present in the html? Thanks, Angelo
Cant manipulate Dynamic DOM elements appended on AJAX call
First post...only been discovering the wonders of JQUERY for past 3 weeks (V IMPRESSED !!!)... have read the Sticky by MIKE" Why do my events stop working after an AJAX request?" regarding this too but still cant work things out . Anyway I've appended a LI tag to a UL using AJAX JSON as per example below : <ul id="menu"> <li class="menuitem">Test 1</li> </ul> $.ajax({ type: "POST", url: "text.aspx/MethodName", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success:
Next Page