[jQuery] select <option> not catching mousedown event in IE and Chrome
This is the code I am using to test this. In FF and Op. When I click on an option in the select box, the alert pops up. In IE and Chrome, it doesn't seem to catch it at all. $('.clickopt').mousedown(function(){ alert("test"); });
[jQuery] Accordion Position Fixed
Hey Guys I am having a problem. I am using an accordion on a page inside a Thickbox. But when the computer dimensions are too small, the scrollbars appear on the thickbox, but the accordion is fixed... it scrolls with the page :S Does anyone knows how can I fix this?
jQuery Structure Help
Hi Guys! New to jQuery started a few months back and had to break from it for work but back on it for a mini project of mine Needing help with the code though. I am looking to have all my code in one jQuery js file which is called to every page in site but for instance a set of functions are only used on one page so when browsing the other pages they error because the elements don't exist on every page. Is there any way to encase the code so that it won't auto run if that makes sense. At present
[jQuery] Malsup FormPlugin - doesn't Ajax!
Hi there! I'm using the Form Plugin by Malsup (http://malsup.com/jquery/form/). I'm using this a lot, so I'm used to all the configs and settings. That's not a problem. My problem is, that my DIV (where the FORM is in) has the style: 'display:none'. This is causing the plugin to NOT ajaxForm() it and I'm realy stuck with this. So the form is submitting as a normal form, not Ajax. The 'website' is running on our local servers. Can anyone help me with this? Is there a solution available? Thank you!
[jQuery] blockUI transparent borders
Hello; how can I have transparent borders for modal divs that I bring to frond have transparent borders? specifying: border: 10 px transparent yellow; in the settings.css will not work. I tried few things, and I am beginning to think it is not doable. any ideas, recomendations, help greatly appreciated. Best.
[jQuery] Cluetip - From a function
Hi Karl, I recently posted here: http://plugins.jquery.com/node/8405 about an issue of calling cluetip from a function (see post for extra comment information) In the response you created a demo showing how this could be achieved: http://plugins.learningjquery.com/cluetip/demo/lazyload.html When I tried the demo I noticed if you scroll down with the mousewheel then u hover over an element it keeps automatically scrolling down on it's own and doesn't have the desired effect. Has the demo got a problem?
[jQuery] Event click not fired by code added after the page is loaded
Hello, I have a page with a form, that represent questions and the corresponding answers. I defined the minimum questions, answers, and their maximum. So I added a link in the form to add question (along with the minimum amount of answers), and a link per question to add an answer in it. the "click" event for my links is like: $(document).ready(function(){ $(".addquestion").click(function(event){...}); $(".addanswer").click(function(event){alert("addanswer");...}); }); As I'm new to JQuery, the code
[jQuery] Selecting input blocks..
<div id="collapse"> <div class="cotainer"> <div id="fsContent"> <input type="text" id="fsContent odd"/> </div> <div id="fsContent"> <input type="text" id="fsContent odd" value="Cursor is Here Now"/> </div> <!-- Similar fsContent blocks below --> <div id="fsContent"> </div> </div> <div class="cotainer"> <div id="fsContent"> </div> <div id="fsContent"> </div> </div> <!-- Similar container blocks --> <div class="cotainer"></div>
filter if a String contains a word
hi. i use this code, (works fine) $.post("verzenden.php", { note: content, action: "send", subject: subject }, function(data){ $("#myspan").html(data); $("#myspan:contains('error')").css("color", "red"); $("#myspan:contains('succes')").css("color", "green"); }); i don't want to use :contains. i like to use a IF, like: if data contains the word error { //do something } else{ //do something } can someone help?
[jQuery] .load() and executing JavaScript from loaded content
Hi, I have a form with a couple of ajaxified inputs (they have dynamically generated <script> tags next to the <input> tags). This all worked quite well, until I decided to load that form via AJAX into a jQuery dialog on another page. The form is correctly fetched and inserted into the DOM, but the <script> tags are nowhere to be seen and the javascript code doesn't get executed. The code looks something like this: $("#form_dialog").dialog({ /*some options */}) .load("/url/to/form_page/ #form_container",
fadeTo not working in OPERA
Hi everyone, My fadeTo is nor working at all in opera. I have divs containint images and their opacity are set to 1 as it starts. I am using fadeTo to bring them down to 0 opacity. It works great accross even IE (the nightmare of all browsers ) ... but Opera does not even do the fadeTo. Does somebody can help me please. Regards, Jerome
[jQuery] jQuery Cycle - Get Current Slide Number
Hi everyone, I'm having a tiny issue with jQuery cycle that I'm hoping someone may be able to help out with. I have a page has multiple slide shows in it, and have written a little script to loop over and implement the function. I'd also like to diplay the current slide number under each sideshow ("2 of 5 images"). I tried a few ways to go about this (using the variables that should be floating around pager or prevNextClick). Neither worked. In the past I've had success with idx etc., but am not
[jQuery] Set the focus of input after an onChange is triggered
Hello!!! I am having trouble with the focus() function in one of my js/jquery scripts. I want to have an input field that will "listen" to any info coming in from a barcode scanner. It should work like this: - page loads, focus is set to my "scannerInput" field, - user scans a barcode, the code is copied to the input field, - onChange is triggered (I checked, the scanner triggers onChange), - some processing is done with the data from the scanner - input is cleared - focus set to input so it can
jquery each function does everything ^2
hi im trying to make a script, which will call .php by $.post as many times as divs i have in my document. script looks like this $("#kupit").click(function() { var hraci = $("div.novakupa").children(".meno"); $(hraci).each(function (i) { var menohr = $(this).text(); $.post("kupit.php", { meno:(menohr) }, function (echo) { if (echo != "malop"){ $("#ucet").append(echo); $("div.novakupa").removeClass().addClass('nakupene'); $("div.napredaj:contains(" +menohr+
[jQuery-UI][Tabs] Sortable between Tabs.
Hello, I have 2 tabs, and want to make each of its header is transferable between those two tabs... (so if I drag a panel from Tab A, then drop it to Tab B, then that panel will become Tab B's panel), I tried this script, but not working.... here's the code.... <script type="text/javascript"> jQuery(function() { var $tabs = jQuery(".apb_container").tabs({ collapsible: true }).find(".ui-tabs-nav").sortable(); var $tabsItems = jQuery("ul:first li",$tabs).droppable({accept:
navigation doenst need to reload
I'm going to design a site using wordpress. I need help figuring out how to not reload the header. The reason is because I have a flash MP3 player in it and I don't want the sound to cut out when the viewer goes to another page within the site. The main divs that exist are header player content footer ill like to just load the content div only. Ive seen it done but since i dont know much about creating scripts I was wondering if anyone could point me in the right direction. -m
help ! im really stuck
im really stuck! the site im currently working requires the effect on www.giobikes.com (check the actual effect for which my client is insisting). you can see the feature vehicles section scrolls automatically at certain intervals and when you mouseover it. that is very cool! is there any jquery method to achieve this ! any help will be heartfully appreciated! thank you!
[jQuery] UI replacing background image after resizing, how??
Hi all, i have a resizable (grid 50) div with a background image. When i resize, i want to change my background image, like: bg400.png for bg350.png. But how do i detect the new heigth/width and how do i replace the background image? Thanks in advance for any answer!
[jQuery] FF processes this line fine; IE doesn't...why?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" 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 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] [validate] How to focus on error container above the form after the form tries to submit
Hi everyone, apologies for the re-post but I forgot to add 'validate' to the Subject: I have the validate plugin working for my form so that on submit the errors are all displayed in a container div above my form. By default the focus goes to the first input field that didn't pass validation, but I'd like it to focus on the error container div. Has anybody done this or does anybody know how to? I've noticed that this works as I'd like in Safari, but not in IE or FF. Thanks in advance! Manoj
Cross domain frame communication
Hi everyone. I have a scenario.. was wondering if this is possible. - A page loads two frames (top and bottom), they are of both different domain origin - Upon user form submission on the form below, the the top page sends the form data of the bottom page to a server (where the top page is from) Note that the top frame/page has no idea what the form structure of the bottom page is like. Is this possible? Can someone lead me to the right resources?
[jQuery] autocomplete
I am new to using jQuery and the autocomplete widget (which is great). I would like to add a button with an event to show ALL availbale options. Kind of like regular dropdown element. Is there a way to do this? Thanks Sergey
[jQuery] how do you add your site to the "sites using jQuery" list?
when going to the 'edit' link on http://docs.jquery.com/Sites_Using_jQuery_UI it says it's locked from editing. Is there any way to add another site to that list of successful jQuery sites?
[jQuery] How to select neighbouring elements
Hi, I have this setup (pseudo code): formA table td checkbox select select select formB table td checkbox select select select The "checkbox select select select" part is included so it is identical in the 2 places (ie it is not possible to have different id's) What I want is that checking the checkbox only the selects next to the checkbox get visible. The only difference between the 2 checkbox/selects combinations is that the first one is in form A and the 2nd one is in form B. Is it possible to
Jcarousel use - what do I set the numbers to?
I'm trying to figure out how to modify the jcarousel to my website but I'm having serious issues figuring out what to set the widths and heights to to make it work the way I want. I've tried searching the forums but can't find anything relevant. At the moment I'm trying to get a carousel with the width 440px, which shows 4 pics at a time. I don't mind how wide each pic has to be. Jcarousel is just the simple example found here: http://sorgalla.com/projects/jcarousel/#Examples .jcarousel-skin-tango
[jQuery] Needing each element attribute, jQuery only returning the first element attributes
Hi people. I was trying to port a script to a system that I'm developing but I have some trouble with it's function. The thing is, I have a <li> list with <a> elements that contain inline styles for background-images. The script I'm using creates a <span> element inside the <a> element with a CSS selector that should contain a different background-position for the :hover and fading effect. As I'm using an inline style instead of a CSS rule for the background- image, there's no image at all for the
[jQuery] Animate menu effect on mouseout
I am new to this. I want to animate the menu 'height' on mouseout (it works fine on mouseover) - basically a slide up/slide-down effect. How would I go upon that?
[jQuery] How to select neighbouring elements
Hi, I have this setup (pseudo code): formA table td checkbox select select select formB table td checkbox select select select The "checkbox select select select" part is included so it is identical in the 2 places (ie it is not possible to have different id's) What I want is that checking the checkbox only the selects next to the checkbox get visible. The only difference between the 2 checkbox/selects combinations is that the first one is in form A and the 2nd one is in form B. Is it possible to
[jQuery] Overriding default checkbox behavior
Hello, I'm working on an application wherein I have a checkbox that triggers an ajax call to update a database. Should the database operation fail, I want the checkbox to retain its old state. I'm having trouble making this work. The closest I've gotten is that if I bind the 'click' event of the checkbox and call event.preventDefault() in the handler, the box changes state then reverts once the handler exits. I'm testing using an alert() in the handler rather than the actual ajax call. If I bind
lavaLamp problem with Safari 3.2.1
Has anybody had a problem using lavaLamp on Safari 3.2.1? I've been trying for HOURS to fix it for me, see here: http://www.freshbeat.co.uk/concept/mrph ... .biz/-dev/ I'm not sure how many of you test in Safari 3.2.1, but I want to try and get it looking right. See how the background image loads up funny? It doesn't look right until you start hovering over links. I've tried everything to fix it, I've even tried copying the generated HTML into a separate page and tested it without running any of
[jQuery] Jquery works in FF but not IE
The following code works fine in FF chrome etc but not IE, anyone know why? Basically everything works accept the replacement of the image attribute $("#container #main_image img#largeId").attr({ src: largePath }); Even the rest of the function ie the swapping classes works, just not the image replacement. The full example can be seen here example click on an image and try and swap between the thumbnails on the right in the modal window. jQuery(document).ready(function($) { $("a.group").fancybox({
[jQuery] Plugins and Ajax
Hi ! I use ajax to load a page, but when this page is loaded i cant use the "beaty tips" plugin inside the loaded content, any idea ? Thanks !
[jQuery] text slider
Could somebody add to jquery text slider ? To scroll text using scrollbar ?
[jQuery] new at jquery; can't get settimout or callback to work
hi guys. help would be very much appreciated. i downloaded a slideshow script called galleria. problem is when it loads, my header image, which i have sliding in, gets really choppy. so, i want the galleria script to execute after the header animation is done. i haven't been able to get anything to work, including attempting callback, hacks, and settimeout. here's my current code, which does not delay the beginning of the galleria script. what am i doing wrong, very curious? also, if this can be
[jQuery] Howto: Select a sub-list from a long list
I have a MySQL table with 90 columns and I want the users to be able to select any columns they concern and output the result accordingly. In the front-end, I can use a group of checkbox which looks very ugly and I can not setup the orders for selected columns. Is there a plug-in or some examples in jQuery, that I can make 2 parallel boxes (i.e. an original-box and a selected-box). the original- box lists all of the column names at the beginning and there is a way to move items between two boxes.
[jQuery] Superfish - animate menu on mouseout
Is it possible to animate the Superfish menu on mouseout (like a slidedown/slideup animation)? I only manage to get the animation on hover/mouseover to run (using 'height').
[jQuery] cycle plugin questions
I have a cycle working here: http://www.violinatta.com/node/19 Two questions: (1) initially more than one image shows, one under the other, eventually consolidating to 1. The container and images are both dimensioned. Suggestions how to correct this so just the one image appears initially? (2) In the demo here http://malsup.com/jquery/cycle/ the image seems never to go to white -- a fadein seems to start before the fadeout is complete. The malsup demo uses the default settings, though. Suggestions?
[jQuery] Variable in tabTemplate
Hi, Is there a special syntax for using a variable in tabTemplate? I tried load: function(event, ui) { var selected = $tabs.tabs('option', 'selected') + 1; $('#selectedtab').get(0).value = selected; $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); }, tabTemplate: '<li>img class="absmiddle" style="margin-left:2px;margin-top:6px;margin-right:0px;float:left" alt="" src="clear.gif"
Is the Tiny Scrolling plugin going to effect other anchors?
I have the Tiny Scrolling plugin and its very nessecary to the design of my website.. but I also want to add another plugin that allows for animated tabs./ From what I understand, BOTH add an effect to the anchor links.. is it a really bad idea to have both plugins on one site?? is there a way to change it so they dont both try and add the same effects to the wrong links??? please, i am very new at javascript, but not with html, css, and php.. So i so understand the basics, but i dont know ALL of
backgroundimage fading effect ? - is it possible ??
I would like to have an background-image fading effect, like a slideshow, but i dont know, if its possible or not... can sameone help me ? I thought that it would be possible: an array with the urls, a timer and the fading effect, but i dont know the most common way...
Next Page