[jQuery] Another image rollover question
Hi there, Let me begin by saying I know very little about jQuery and would love to learn a lot more about it (so i don't have to waste people's time on questions like the one I'm about to ask) I am trying to design a graphic menu bar that is capable of displaying each button in 4 modes: up (neutral), hover, down (mouse down), and selected. After some research, I was able to "come up" (by cutting and pasting and burning up a couple of neurons) with the code below. It works well enough but I'm sure
[jQuery] [Ajaxify] Problem in noConflict-Mode
Hi, when I run ajaxify in the noConflict-Mode (together with MooTools :P ), the Option "tagToload" is not performed respectively the correct returned data is not put in the defined selector. Can anyone resolve this problem? Has anyone a solution? cu rigo
[jQuery] background image fade-in fade-out transition every 3 seconds
Hi, How do I tween background images every 3 seconds it would change with a "fade-in" and "fade-out" effect? I would like it to apply in my <body> with background-image in my css. thanks!
[jQuery] Superfish hover problem
Hovering on the navigation that has no children - what's new, or Learn with us. Instead of showing a blank subnavigation, it is still showing the current drop down. Is there any way to make it blank? Example of my issue: http://update.creativejunction.org.uk/talk-with-us/ This superfish navigation is being used with the silverstripe CMS.
[jQuery] How to repeat execution of js on 'click' function?
I'm trying to figure out a click function that would execute a js function twice with, say, a 500 ms delay between each when the user clicks on an <a href>. The js function i want to execute twice is document.movie.SetURL - would something like this work?: $(document).ready(function () { $("a").click(function () { document.movie.SetURL; delayedClick(); }); }); function delayedClick() { var t=setTimeout("document.movie.SetURL",500) } Thanks...
[jQuery] Allow iframe from remote domain have javascript access
Hi all, I'm trying something along these lines: my domain = example.com external domain = otherExample.com example.com/test.htm contains: iframe src=otherExample.com/test2.htm I want test2.htm to have access to the contents of test.htm. I can do this using selectors like $("p",top.document) ONLY if test2.htm is loaded from example.com rather than from otherExample.com. As soon as it's loaded from otherExample.com, it can't get access to the contents of example.com/test.htm Is it possible to do this?
[jQuery] Jquery UI Tabs and Ajax
Hi together, I tried it in the group Jquery UI - but nobody answer there?! I'm really new to jQuery and UI. What I'm trying is to build a view in CakePHP with the jQuery UI Tabs. The first part, integration the informations from my Cake controller in Tab 1 to 4 is working. In Tab 5 and Tab 6 I want to show informations which are in relation to the dataset of Tab1 to Tab4. I.e. Im calling a Post-View. In Tab 5 I want to show the attachements (1 : n relation). So I do the following: <div id="tabs">
[jQuery] get hover function behave right
Hi, I want to animate the width and height of image when hovering it, and when i stop the image's state back to normal. My problem is, the image's state not back to normal when mouseout. here is my code $(function(){ $('img').hover(function(){ var curwidth = $(this).width(), curheight = $(this).height(); var aimwidth = curwidth +20, aimheight = curheight +20; $(this).stop().animate({width:aimwidth, height:aimheight},400); }, function(){ $(this).stop().animate({width:curwidth,
[jQuery] Background position change repeatedly on keypress
Hi there! I have a background image I want to change position when I press the arrow keys. I want the background to move 16 pixels for every press in the direction I indicate. I can't get this to work, however. I have jquery installed, as well as the background-position plugin. Here's my code: $(document).ready(function() { function checkKey(e){ switch (e.keyCode) { case 40: var curX = parseInt($(".test").css("top")); $(".test").css("top", curX += 16); // move background
[jQuery] Looking for tooltip expert
New on jQuery. I'am looking for dynamic tooltips when mouse comes over a hotspot (I need tooltips on several hotspots in one image) like the tooltip on this homepage: http:// bassistance.de/jquery-plugins/jquery-plugin-tooltip/. (tooltip sticks to pointer - appears directly - fonts, colors, etc. can be manipulated) Who knows the right and easy script? This is what the script shows now: <map name="Map" id="Map"> <area shape="poly" coords="75,131,77,153,103,152,99,130" href="#l" /> <area shape="poly"
[jQuery] Ajax Upload
<!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.18783"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=823324001-18072009>I an using the Valums ajax upload script, working fine...</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=823324001-18072009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=823324001-18072009>But
[jQuery] event.preventDefault(); not working in IE
Hello, I'm using IE8 and when I pass: event.preventDefault(); I get an error message: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/ 4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.30729; .NET CLR 3.5.30729) Timestamp: Fri, 17 Jul 2009 20:07:41 UTC Message: Object doesn't support this property or method Line: 256 Char: 3 Please help. Thanks.
[jQuery] Tooltip for hotspot (area shape)
Hi, I'am looking for a solution to use dynamic tooltips when mouse comes over a hotspot (several hotspots in an image). I like the tooltip on the homepage of this forum (http:// bassistance.de/jquery-plugins/jquery-plugin-tooltip/). - tooltip sticks to pointer - appears directly - fonts, colors etc. can be manipulated Is there a proper solution? This is what the script shows now: <map name="Map" id="Map"> <area shape="poly" coords="75,131,77,153,103,152,99,130" href="#l" /> <area shape="poly" coords="110,127,114,149,140,150,136,126"
[jQuery] File uploader with preview like box.net, etc.?
Seems the preview aspect is being a real bugger - I don't see anyone successfully doing it with any of the current crop of jquery uploaders. There are a number of sites doing it, such as box.net which I think is quite a nice one. I found some info on the matter here: http://blog.flexexamples.com/2008/08/25/previewing-an-image-before-uploading-it-using-the-filereference-class-in-flash-player-10/ I have Flash 8 and found it nigh onto impossible to do anything useful. I wrestled with it for a time and
[jQuery] Cross Slide Pause on Mouseover
Hello, How do I make the images to pause on mouseover? Here is and example of my script: http://marshallsouthern.bigrigmedia.com/story.asp Thank You!!!
[jQuery] clone() + Sortable and Draggable
Hello everyone ! I am facing a strange problem here : http://rejome.homeip.net:8080/prototype.html When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one. Do you have a solution or a hint for me please ? Thanks in advance. Réjôme.
[jQuery] Injecting tags to specific location.
Hi, My CMS won't let me customize their HTML structure they didn't give me access to their templating system. But they'd let me access their Head section were I could add custom Javascript and CSS. Example this would be their template structure: <body> <div id="wrapper"> <div id="maincontent"> Maincontent </div> <div id="left"> Left Contents </div> <div id="right"> Right Contents </div> </div> </body> This what I want to achieve: <body> <div id="wrapper"> <div id="maincontent"> <div class="inject1">
[jQuery] Validate Plugin - using the submitHandler
I need to display a promotional message when the user clicks submit if they meet certain criteria about their postcode. I have heard that you should use the submitHandler but being completely new to JavaScript and even newer to JQuery I am a little stuck on how I should write this. I thought it would be something like this but it obviously doesn't work. submitHandler: function(form) { var special = /^[T]{1}[A]{1}([1-13|17|19|25]){2}/.test(value); if (special); alert('You
[jQuery] data: $("#contact_form").serialize(),
Hi guys, I need to send the whole form to the server for processing. I have this now, which is not working: $.ajax({ type: "POST", url: "file.php", data: $("#contact_form").serialize(), success: function(data){ alert('ok'); } }); Please let me what's wrong and how to fix it. Thanks.
[jQuery] non-ajax Post?
There is a form that performs a post on our site that I need to insert an "onclick" call to perform some logging using $.get() , but the call is never executed because the form posts before the call can be executed. I believe this because if I insert an alert("test") after that call, it works, otherwise it doesn't. I thought to pull the submission out into a separate function that is called from "onclick=" that would execute my new $.get and then do the form post with $.post, and finish with exit(false)
[jQuery] AJAX load()
Here i have a problem: I am uing the AJAX load() and use it like this <head> <script type="text/javascript" src="JS/jQuery_Base.js"></script> <script type="text/javascript" src="JS/jQuery_getParams.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#load1').click(function(){ $('#Details').load('episodes.html .one'); }); $('#load2').click(function(){ $('#Details').load('episodes.html .two'); }); $('#load3').click(function(){
[jQuery] Newbie Datepicker Question
I have succesfully applied the datepicker to a blank textbox. However, when I apply the datepicker to a textbox with the initial value dynamically set to display a value from a database, the date picker genertes an error when anything on it is selected. The datepicker will display when the trigger icon is selected but you cannot select anything from the date picker without generating the following errors: When selecting: a day: 'undefined' is null or not an object (ui.datepicker.js line 767) a month
[jQuery] Slideup/down Multiple Divs
$("#addURLSArea").hide(); $('.jqTransformCheckbox').click(function(){ if ($('#multCheck:checked').val() == 'on') { $("#addURLSArea").slideDown(); } else { $("#addURLSArea").slideUp(); } }); I want to use this 4 times on a form. How do I change this so I can have it target 4 different divs?
[jQuery] Refused to set unsafe header "Connection" in Safari
I get this error in Safari when using AJAX.getJSON(): "Refused to set unsafe header 'Connection'" The odd thing is that I only get this error on certain machines and they are all running the same version of safari. Any Ideas? -Penobscot
[jQuery] [autocomplete] mustmatch problem
I'm using jquery autocomplete 1.0.2. The autocomplete retrieves data from the server and the option mustmatch is set to true. My data on the server has a code field and a description, and I'm returning <code>+" "+<description>|<id> an example of data returned by the server would be: FIN Finance|2 PER Personel7 This work fine except when the code field contains numeric data, eg. 010 Finance|2 020 Personel7 In this case, when an element is selected, the textbox is cleared on selection, although I have
[jQuery] Newbie Question....
Hello, I have just discovered jQuery and it looks cool. I used the jQuery UI builder at ui.jquery.com to build the UI and it looks and works great :) Unfortunately I do not know enough about javascript to answer my own question, so I am deferring to you :) I would like to have a tab with a dialog button on it, and when that dialog comes up there will be a form. This part I can do easily enough and have already implemented, however, what I need to do after that is where I am stuck :( I want the user
[jQuery] replaceClass plugin now works on hover or click
Thanks to feedback about the first version of this plugin, I have added the ability to trigger it on click as well as hover. http://plugins.jquery.com/project/replaceClass Note: There is a switchClass effect in jQueryUI but it currently does not work in WebKit browers, like Chrome or Safari.
[jQuery] addclass() only works with the first of the matched divs
Hi, I'm having an annoying issue with addClass() I'm trying to find all divs with id name '#moldura_slides' and add the class '.horizontal' to each one of them. The problem is that only the first div matched gets the class. The others are just ignored and don't get it. $(document).ready(function() { $("#moldura_slides").addClass("horizontal"); }); Looked for a solution everywhere and tried other ways of doing this. Nothing worked. Any ideas? This is the page: http://www.labbi.com.br/index5.html Thanks
[jQuery] show dynamic changes when a refresh occurs
Hi, I have a moderate level of experience with javascript, and a good oo background. So, when I tried jquery I'm really liking it. I have a requirement to add input fields dynamically to the form since I don't know ahead of time how many entries the user may request. I was able to implement this with jquery very quickly with a small amount of code. When the form is submitted it is sent to the server with all of the data correctly passed. However, if I do a refresh, the dynamic fields go away, but
JS Include
Hi, I have downloaded and tried on both of these plugins. http://plugins.jquery.com/project/include http://plugins.jquery.com/project/sync-include Here is my test I Have a js file called alert1.js like that: $.include('alert2.js'); var teste1 = "alert1"; document.write(teste1); document.write(teste2); And another one called alert2.js var teste2 = "alert2"; And My HTML file is that. I tried with both jquery plugins <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
[jQuery] disable click event while dragging (sortable)
Hello Everybody! Does somebody know how deactivate the click event on a dragable item while dragging. I tried to unbind the click event on start, and bind it again on stop. but the initial click (=toggle) is still fired. Thx everybody! i hope i made my problem clear ;/ chris <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote">var $sortable = $(".containerCenterPDF .contentList").sortable({ placeholder: 'dragHighlight',
[jQuery] getScript() issue under ie6 (undefined variable)
Hi, I'm using getScript to load a script which basically contains a variable, and then i'm using this variable in the callback function. It looks like that : $.getScript( myScriptURL, function() { // execute this code on success $("div#result").html(myVar.content); }); and, the script i am loading (@ myScriptURL) is simply : var myVar = { content: '<img src="http://awebsite.com/foo.jpg" />' }; It works fine under FF, Opera and Safari, but it doesn't work under ie6. I get this error :
Pagination using jQuery with JSP....
Hi ..i am able to get the pagination with <script src="pager.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> jQuery(document).ready(function(){ jQuery("#ARPtktTable").tablesorter({widthFixed: true, widgets: ['zebra']}).tablesorterPager({container: jQuery("#pager")}); }); </script> table is like: <div id="main" position="absolute"> <table ID="ARPtktTable" position="relative" class="tablesorter" border="1" > ..... </table> </table> <div id="pager" position="relative"
[jQuery] get height from hidden element
Hi, my problem is, when I try to get the height or any other graphic property of an element which is hidden (in my case, hidden in one jQuery UI tab), I can't manage to get the height of the element. If I do: $("#my_element").outerHeight() I get zero. Whereas If I do the same when the element is visible, I get its height. I work with jQuery 1.3.2 and FF 3.5. What am I doing wrong? Thanks!
[jQuery] Superfish drop down menu pushes down the content below
Hello! This is a great extension and I have it so that it uses the css from the template I'm using. However, the drop down menu pushes down the main content below instead of hovering over or poping up. Here is the link - when you scroll over "About Us" or "Services" you will see what it does. Please help! http://cobiedelson.com/village/site/
[jQuery] Replace an element with only opening or close element tag
Hi there, I am a newbie at using jquery and now I stumbled upon a problem. With Jquery I want to replace each <hr/> with a <div> opening tag or a </ div> closing tag. This way I would like to place a large page of content in different divs. Now I have this code : var counter = 0; for(var i = 0; i < $('hr').size(); i++){ if(counter == 0){ $("hr:eq(i)").replaceWith("<div>"); counter++; }else if(counter == 1){ $("hr:eq(i)").replaceWith("</div>"); counter = 0; } } But it replaces
[jQuery] Menu display problem in Superfish
Hi, When the number of menus (including a menu and its submenus) reach a particular number, then after that rest of the menus are not getting displayed. Is there any settings available to restrict number of menus in superfish? Regards, Nilanjan
[jQuery] Input that allows only numbers.
Well, that a simple question, I hope. I have an input (<input type="text" />) on my page, and I want it to only accept numbers, so if the user types anything that's not a number, it will be removed instantly. A simplified example just to illustrate: <body> <input type="text" name="numbers" /> <!-- I want this input to accept only numbers --> </body> Thanks
[jQuery] Set Element Position
Hi Guys , Its my first time here. My Question is .. When a button click , I need to change the positions of few DIVs . How do I assign X and Y . I saw there is a way of get Element's X , and Y but how to Setting X and Y . Thanks in advance,
[jQuery] draggable with select field
Trying to get the draggable ui working with a multiple select field, but doesn't work. Does it actually work with option fields ? $("select option").draggable(); it adds the ui-draggable class to the options fields, but they are not draggable :(
Next Page