[jQuery] Using JQuery with WordPress
I am new to both JQuery and Javascript. I write mostly in PHP. I have a wordpress installation, and would like to add a page with dynamic areas. If I hover the mouse over area1, the text in area2 will change and the image in area3 will change. Typically, this is the function I would write for something like this: $(document).ready(function(){ $('#area1').moveover(function(){ $('#area2').html('my new text.'); $('#area3').html('<image src="image.jpg">'); }); }); HTML code: <div id="area1">Area1</div>
[jQuery] restricting mouseover() to parent only
Interesting, and I can't imagine this hasn't been dealt with already! If you have nested <divs>, the mouseover on the outside <div> prohibits you from setting a different mouseover() on the inside <div>. Like this: <div id="parent">Parent <div class="child">Child</div> </div> If you instruct $("#parent").css("color","blue"), it will color both Parent and Child blue. If you set a separate color in CSS for class="child, the separate color will override and work for the child because it is more proximate,
Repopulate a combo before showing list of items
Hi - Any help with this would be v much appreciated. I have a need to re-populated a combo box at the point I click on it. I have made this work in Firefox(3.5) and in Chrome/opera but I cannot make IE do it without the list closing up again. Currently I do the following: - Handle click or mouse down event and make ajax call for new values based on those set in other combos on the page. - call PopulateCombo() method on return of ajax response (see below) function PopulateCombo(structuredDataField,
[jQuery] (validate) form field validation with field id doesn't work.
Hi : I am trying to use jquery validatro plugin and used tried demo on the live site. Just looking if I can use this framework for UI validation or not. So, On demo, whene i tried replacing name with id, the validation doesn't work. Demo page : has 2 form. http://jquery.bassistance.de/validate/demo/ And in the second form, when I change the firstname : <label for="firstname">Firstname</label> <input id="firstname" name="firstname" /> to something like : <label for="firstname">Firstname</label> <input
problem with the Jquery dialog when loaded on webView
Hello, I am using JQuery dialog to show a pop up as modal view. All is working well in all browsers. When I load it on a phone with webView, there is a wierd red color border (almost T shaped) inside the modal dialog. Can somehow help me with whats happening there? How can I fix that issue? Thanks. D
user feedback after success ajax fails
I'm so happy my jquery is dispatching a serverside script (ajax) and it is working I have verified in the database. Now I would like to provide some feedback to the user so first go will be alert, later I will do something snazzy. I am just getting head around jQuery, so please excuse noobness of question. I will think that either one or the other of these alerts below would fire, but neither of them do and nothing also logs in the console. $(document).ready( function() { $('#submitRating').click(
[jQuery] (validate) validator is undefined error
I'm trying to implement Validate on a survey form that has just a few basic requirements. I'm running jQuery 1.3.2 and Validate 1.5.5. Whenever I try to run the code, however, I get an error that "validator is undefined". I tried Googling and found only a few hits, most saying the HTML was invalid. Checked that, corrected a few minor errors, but still getting the error. In addition to the code below, I tried just the basic $("#surveyForm").validate() but it still gives the same error. This is on
[jQuery] autocomplete
I'm trying to use autocomplete on a dialog windows that has a editing form for the user to change data previously saved so every autocomplete input has data that can be change. The problem is when i do change a value and try to update an input with part of the data returned by the autocomplete script. This is what i am doing but is not working $.ajax({ type: "POST", url: "contabilidad/totalAsientos.php", data: "idasiento="+id, success: function(respuesta){ var totallineas = parseInt (respuesta);
ajax in ajax
Hi. I have a problem with ajax in ajax. I'm loading files with load but inside the pages ajax and jquery doesn't work. In index file i have... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="style.css" type="text/css"> <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript" src="ajax.js"> </script> <script
[jQuery] IE7 Bug with Cache
<div>Hi everyone, <br clear="all"></div><div>I just want to let you all know of something I've been trought with AJAX and M$ stupid IE7.</div><div>I made a script that was getting some data from the database e perform some action to based on wich button you click. The data and action I was sending with GET, most because the action was just to tell what info to get. But here comes the problem. the script worked with IE6 and IE8 but not in IE7, well it worked once and stopped. When I cleaned the cache
Need help w/ toggling a DIV
Hi, I'm a newbie with jQuery. I am trying to implement a simple toggle event for some "help" DIVs in my ASP.NET application. It was working fine but I soon discovered that ASP.NET postbacks interfered w/ my simple jQuery functions. I then learned about the live() function in the new version of jQuery. With that it now seems to be working, however, if I do an ASP.NET AJAX posback, my hidden DIV starts to show. How do I make sure that its show/hide state doesn't get affected by the postback? Here's
[jQuery] .click using if else not working...?
Hello, I am trying to build a menu close to a explorer or tree menu that uses ajax. I have been able to get it working some of the time. My problem is with the click function below. I originally used a toggle but since it is not bound to a live event because this is has ajax generated content it would not work. I am using a if / else detecting if the object is hidden or not. It works some of the time but not all of the time? I click and nothing happens. I looked in firebug at the console and there
click if else not working...? sometimes
Hello, I am trying to build a tree menu that uses ajax. I have been able to get it working some of the time. My problem is with the click function below. I originally used a toggle but since it is not bound to a live event because this is has ajax generated content it would not work. I am using a if else detecting if the object is hidden or not. It works some of the time but not all of the time? I click and nothing happens. I looked in firebug at the console and there seem to be no errors? Does anyone
[jQuery] two questions
HI i'm a new member of this group and I have two questions : i want a jquery code that when i click the button , it select the imgae obove the button and move it to another place and it show the image when it moving . is there any book or web site that shows the jquery examples . i've searched alot but i havn't found thing . thanks
[jQuery] AJAX page working in IE6,7,8 but not in Firefox,Safari and Opera
Hi there, I am not a guru jquery coder and still have to learn alot, recently while learning jquery AJAX I have bumped into a weired issue, I have a apge right and in this page I have a dropdown list for people to select an RSS channel that they wish to know more about, the dropdownlist ahs an onChange event which when triggered it will get the value of the selected item in teh dropdownlist and post it to the other 'mini' pages that load on the same page via AJAX by using the GET method - ie: im
drawing arrow
Hi people, i want to put arrow from the middle of div 1 to middle of div 2 like is in this picture http://qkpic.com/9f0e6 I am using jquery dragabble and dropabble script and library. Divs are putted d&d method to the right side of web page from " menu " divs on the left side. It (arrow) can be picture or something like this. can someone help me ? thank you
[jQuery] Finding row index of clicked table element; testing if element is parent of another element; is there a better way?
My main requirement is: I want to put a click handler on a <div> containing a table that allows me to determine which row of the table has been clicked, using event delegation as the table may be updated dynamically, and could be quite large. With a secondary requirement arising: I want to determine if a particular DOM element or jQuery object is an ancestor of another. The solutions I found on the web all assume that the putative parent is specified using a selector string, which doesn't help me
jquery autocomplete
Hi, I am using jquery Auto Complete 4.1 plugin by Corey Hart @ http://www.codenothing.com. Following code is in document.ready function. $('input[name=orgName]').autoComplete({ ajax: 'ajax2.php', onSelect: function(data, $li){ var oname = data.value; $('#actionBy').show('slow'); $("#users p").load("getClient.php?orgName="+oname);
[jQuery] [with solution and fix proposal] sporadic error "document.body is null" at a valid HTML and JS page (also in firefox 3.5.4)
Hi John and jQuery team, Please read at least first and last paragraphs: the effect of this bug is a permanent page reload and strain on webservers: The effect of this error can be disastrous to web servers, as it can reload the page permanently, so as I spent a few hours on this issue, and want to document/share the solution, and report the issue to jQuery team too: Sporadically I had in firefox 3.5.4 the error "document.body is null" This was exactly reported in IE too here: http://groups.google.com/group/jquery-en/browse_thread/thread/70e8a050f60f8b08
Sort dropdown list and optgroup
Hello, First off, what is the proper way to use optgroups? <optgroup label="XYZ" /> or <optgroup label="XYZ"> </optgroup> I have noticed that when I use $('#mylist').append('</optgroup>'); in Opera, it never gets appended, but in IE it does. How come? Anyway to my main question, if I've got a drop down list and multiple optgroups in that list, how can I sort each group separately? And is it possible to add an item into a certain group directly? Thanks
[jQuery] licensing question
I really like your software and software based on it, but I can't use it because of the language used in your licensing, according to our patent attorney. It reads under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly. If it read "under either the MIT or GPL licenses" then you would have achieved the intent of your second sentence. Any chance you could change it? -David Robertson
[jQuery] How to popup dialog ?
Hello all readers ! :) I need your help please. I try to create a currency converter by using ajax. In my page I have a list of items that each one has it's own price. Now I like when the mouse is over an image to be desplayed a list with all currencies and when the client will choose the one that he like then to be hide the currency list. How can I do that with JQiery ? What I have do until now is to create a div that has inside a <select> item with all available currencies inside this. The div
[jQuery] jQuery minified
Hey guys, i've got two questions for you: 1. What/Where i cand find are the differences between the minified and complete jQuery version?? what kind of things i can't use with minified version?? 2. the first question was because i'm developping a big web site, we want it to be visited for many users, so i'm worried about performance and loading time, and i think 120K (complete jQuery version) could be a bit too much. I must confess i'm a noob with this "loading time" stuff :/, so any advice you can
[jQuery] Named Anchor Index from Headings
Hi! Would like to automatically generate an 'Anchor' index at the top of the page like this: http://www.beausmith.com/mt/2009/07/heading-anchors-via-jquery.php Just wondering if anyone has used this and if there is a simpler way / better method? Thanks, Jackson
[jQuery] Simple problem
unsubscribe
[jQuery] load() not loading
I need to load a few lines of HTML to my page. I made a test "receiver" page. <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ ajax/libs/jquery/1.3.2/jquery.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $("div#events").load("http://ajtak.heroku.com/events.data"); }); </script> <div id="events"> </div> </body> </html> I don't get it. If I try to load local HTML, ot works just perfect. But if try to load ie. http://google.com
[SOLVED] Detect if horizontal scrollbar has been scrolled
Hi everyone, I have a horizontal scrolling site displaying projects and I'd to include a hovering arrow to indicate there's more products to the right. Hiding it is easy, but what I'm trying to do is detect once the horizontal scroll bar is clicked (any parts of it e.g. arrow, bar, etc.) and make an element hide (right arrow). Does anyone have any idea how to accomplish this or whether it's even possible? The alternative method would be to detect if a div has been viewed, but I can't imagine that
[jQuery] Best Autocomplete Plugin
Hello, I badly need an Autocomplete Plugin. So I would like to ask you, what is the best solution to go with? Thanks for your help, Stefan Sturm
[jQuery] Need help creating updated Onion Skin Dropshadow
I am trying to update the onion skin dropshadow technique for the latest version of WordPress using jQuery to insert the necessary div's. This is my first foray into jQuery, and I think I've got the feel of it, but am unsure. I really would appreciate it if someone with more experience could take a look at the following code and suggest better or more efficient ways of accomplishing my task. In particular, I am not sure if I'm doing my selecting correctly. Alex Polski had written a plugin for WordPress
Drag and Drop Treeview between Multiple Trees
I apologize if this area of the forum is not the correct place to post this. I was wondering if there is a way to make multiple treeviews drag and droppable and enable the content to be viewable in another <div> on the page? If so, could you point me in the right direction? Thank you
Problem with getting prev and next buttons to work.
I have this working about 99% of the way.. But I have once last issue that is killing me.. I know it is right in front of me to. See the following home page: http://24.173.38.223/ I have 2 arrows next to the slideshow that control the carousel images for going up and down. I am trying to get the up and down button to set a class for the next image that moves to the top.
Help with the validation plugin!
Hi, first of all i'm new at javascript and even newer at jquery, so sorry if i'm talking noobism I've downloaded a jquery plugin called validation (found at http://bassistance.de/jquery-plugins/jq ... alidation/ ) to do teh validation in a register form, it works fine at IE8, Firefox, Chrome, Opera BUT at IE7 only it doesn't work... I tried many things but it still doesn't work these are the pages: - http://www.economiaeenergia.com.br/cadastradocad.php - http://www.economiaeenergia.com.br/assinantecad.php
ajax menu content will not toggle?
Hello, I have a menu that grabs content via ajax and json. This menu has 3 levels. I can click on the first level and it loads fine. This is the .cat class that then toggles. However when I click on the 2nd level link, the .ahref class it does not fire. Any ideas? $(document).ready(function(){ $('.cat',this).toggle( function () { var id = $(this).attr('href'); if($('.box'+id).text() == '') { var rand = '?random=' + Math.random(); $.getJSON('mclicks.php'+rand,{id:id},function(data){
[jQuery] tooltip
Hi, How to show the text in option title as tooltip. I tried several options but nothing is working. I am using jquery tooltip plugin. It works perfectly with select and other form tag elements. Any help is greatly appreciated. --thanks Example: <select title="tooltip" > <option title="tooltip1">1. option</option> <option title="tooltip2">2. option</option> <option title="tooltip3">3. option</option> </select>
jquery pullout tab plugin.. quick question!
Hi people, I'm using this plugin: http://www.building58.com/examples/tabSlideOut.html Does anyone know how I would position the tab slightly away from the side of the page window rather than have it stick to the side of the page?? Any help greatly appreciated! Thanks Emma
jQuery slideToggle Strange problem. Please help
Hey guys, i have a big problem with the jquery. I hope a get helped in this forum. I have in my content area 4 titles. When you click on them, each has a description which slides down. So for one title one description. I have now 2 scripts which I tested. One script is nice for having more than one sliding divs, but here I have the problem that the height isn't correctly calculated and therefore the div slides not correctly. Here is script 1: $(document).ready(function(){ // Get height of all des
[jQuery] jquery cycle - link to certain images only
Hi, I am using jquery cycle to make a book presentation. Right now there is click-advance and also buttons for next and previous images. But what I want is to also have buttons to go to certain pages only, e.g. first page, chapter 1, last page. What I've found so far is only the possibility to use this pager option where you have a link to each page. This is too much for this purpose, there are too many images. Please check www.textbild.com/hda/index.html and let me know if you can help. Oh yes,
[jQuery] (validate) "is not a function" error
I'm trying to get the validate plugin to work on a page that is powered by an eCRM, so unfortunately I don't have any control over most of the code in the body of the page. That said, I think I've compensated accordingly by adding an ID to the form for use when I call the validate function and then using the built in form field names. However, I can't get the validator to work -- when I load the page and check the error console, I'm getting the following error: Error: $("#donation_data").validate
[jQuery] blockUI and iframe
is it possible to have blockUI block the entire page, but call it from within an iframe on that page? I don't see any parameters to pass an element or document? i know i can get access to the parent frame with jQuery ('body',parent.document), but wanted to use blockUI from within the iframe, without having a second function in the parent window.
[jQuery] Animate forces display:block?
Hi all, I'm trying to animate the width of a box, but I'm noticing that during the animation jQuery is setting the element's display property to 'block' (which is not what I want, I want 'inline'). At the completion of the animation it resets it to the desired setting. I've tried over- riding this behavior by including display:'inline' as one of the animation parameters, but no dice. Any other ideas? Is this supposed to happen or is it a bug? Thanks, Jared
Next Page