pictures as background
Hello, I would like to use the slideshow as the background of the webpage, how can I do that? THANK YOU!
css properties px and mm
Hi, A webapp I am working on must use millimeters instead of pixels for the top, left, width, height and font-size style attributes. There happens something strange when setting these style attributes with mm values. For instance: $#id.css("width",3mm);alert($#id.css("width")); alerts the value 11.0667px Clearly somewhere a calculation is done from mms to pxs. I read something about the getComputedStyle in browsers that nicely explains this behaviour. My questions: 1. Is my assumption correct and
timepicker addon for Jquery datepicker randomly stopped working
Hi there, I've just started using the timepicker addon for the jquery datepicker but it doesn't seem to work (Bottom of http://test-psi-alpha.appspot.com/jquery) as it does in the example (http://trentrichardson.com/examples/timepicker/). I have included all relevant plugin scripts and initialized the plugin in a seperate script. The strange thing is that this once worked perfectly- however I cannot seem to find out why it stopped working... I've tested the links and they are all functional. If you
replace keycode cross browser
Hi I want to handle keyboard and want to replace keycodes like when user enter / press key a = 65 I may able to change and show in textbox b= 66. for internet explorer I have script like function InputEventKeyPress(event){ window.event.keyCode = changecode(window.event.keyCode); } function changecode(c){ switch (c){ //CAPITAL LETTERS A - Z case 65 : return 66; break; //A case 66 : return 67; break; //B case 67 : return 68; break; //C case 68 : return 69; break; //D case 69 : return 70; break;
ANIMATE DIFFERENT OBJECTS 1 CLICK
How can I animate different objects, different ways -one changes size, -other ones change position and -other ones change colour... WHEN clicking on a specific button.
Is it possible to display the focus at end of char using focus()?????
Hi, The default behaviour of focus() method is displaying the cursor at start of the char(In FF focusOffset is 0(zero) and anchorOffset is 0(zero)). I need to display the focus at end of char after calling focus() method. Regards, Nagendra
Findng all ID in the document
Hi there. I'm new to jQuery. How can I find all #ID in the document and do something with them? In my case - for more coplicated resons my document has mulitple #ID with same name. e.g. $("#TableClass2").removeAttr('id').addClass("TableClass2"); works fine - but with first #ID only. Any suggestions will be much appreciated. Regards,
I cannot seem to get this simple accordion working...
Hi there, I'm trying to get a simple accordion working but cannot seem to crack it, simple as the tutorial seems to be. For some reason the accordion just doesn't display despite js being enabled on my browser (chrome 10). http://test-psi-alpha.appspot.com/jquery Any clues as to what may be going wrong would be hugely appreciated as I've spent a couple of days trying to get this working. Cheers, Aaron
Id and class selector at once
Hi, I am trying to make a sliding panel if you click a button, the only problem is that there are more of this panels on the page. I can make the first one open, but I cant make the one opening wich has the id=id... The alert writes out the correct value, and its in the code only for debugging purposes. The line after that is where the problem is... in my opinion. <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ var id = $(this).attr("id"); alert(id);
making my own drag and drop effect.
Hi, I am trying to make my own drag and drop effect using just jquery and not jquery.ui here is the code I have so far: var x_pos; var y_pos; $(document).mousemove(function(rp){ x_pos = rp.pageX; y_pos = rp.pageY; }); $("*").mousedown(function(ramskin){ var taz = [id:of element_this line isn't posted...in script it's coded to grab element id that been clicked]; if(ramskin.which == '1'){ $(document).mousemove(function(){ $(taz).css({ \"left\": x_pos, \"top\": y_pos }); $(\"*\").click(function(){
Replacing repeating text on a page
I have a SharePoint page that is filled with the text string "12:00 AM" that I would like to remove, the underlying HTML is <td class="ms-cal-workitem"> <table> <tr> <td class="ms-cal-monthitem"> <nobr> <b>12:00 AM<br/> Username here... I would have thought that one of the following would have removed this text, but I haven't been successful... $('#12:00 AM').text(""); $("#12:00 AM").text(""); $('12:00 AM').text(""); $("12:00 AM").text("");
Variable scope issue
Hi, I am a real newbie to jQuery and am struggling with trying to get a small piece of code to function correctly. I basically have four select boxes (ids = #style, #type, #color, #uses) that I need to build a string from the selected options. The output string will be used to show/hide a list where each <li> item will have a css class defined with names from the four selection boxes, e.g. <li class="all sel1opt3 sel2opt5 sel3opt1 sel4opt2"></li> I have the following jQuery code: $(function()
New to Jquery - need direction/support
I'm working on a personal portfolio site and I'm much more of a designer than a coder (as I just started basic HTML+CSS coding a couple months ago) I'm looking to achieve similar functionality as http://pauljnoble.com/index The way you can use hotkeys to flick through his work, the thumbnail previews at the bottom left corner, and the way the text changes as you flick through his work. I'm working on this portfolio site for school, and the increased functionality would be amazing! Any help would
Update table cell after link click
Hello, I have a table with rows and in each row there is a cell which shows the status of the row item. <a href="#" id="<?php id ?>" class="status_button">Online</a> When I click the link in a row the next code is activated (found it somewhere on the net). $(".status_button").click(function() { var id = $(this).attr("id"); var dataString = 'id='+ id ; var parent = $(this).parent(); $.ajax({ type: "POST", url: "toggle_ajax.php", //updates the database data: dataString, cache: false,
Issue with page back (Browser back) when working with AJAX using Jquery
Hello All, I have a page (a search page). I am using AJAX with JQuery to populate the search results in a DIV on page. When a user clicks on one of the Search result, they are redirected to its View page. The Problem is, when they click on the back button, the search results are gone !!! Is there a way to avoid id. For example, I search "XYZ". All the companies having name XYZ are listed in the search result (in a div which was populated using JQuery AJAX). Now the user clicks on "XYZ1 Limited" company
Architecture choice / whole-nine-yards-open-source sample application
I have been away from development for a while and I'm looking for a way to get back into it. I have two questions: 1) Is the choice of javascript framework independent of the choices of all the other application parts like the object-relational mapping layer, the app server, etc? Right now, I'm looking at JQuery, and ExtJS. 2) Does anyone know where I can get a complete sample application made of open source parts and using all the best practices that I can just copy to get started? And I mean
is there a way to tell the queue() method to do not repeat itself for every element?
is there a way to tell the queue() method do not repeat itself for every element? $('.video_list li').delay(500) .animate( {left: move}, 1500) .queue(function(next){ // do something only one time and do not repeat it for every element! next(); }) the reason for using queue() is for telling the function inside to queue to
large image scroll effect
Hey all, I'm a graphic designer with some experience in Actionscript/HTML/CSS. I'm now trying my hand on jQuery. My goal is to achieve an effect to scroll a large image, something like this Flash example: http://www.erwinolaf.com/#/portfolio/paradise_portraits/gallery/paradise_portraits,_matt/ (click on 'Zoom In') Below my result so far. It kind of works but nowhere near as smooth as i want it to be. Frankly my programming skills are insufficient to take it to a next level. Anyone ideas, tips or
Qaptcha
Hi all, I downloaded Qaptcha from here: http://www.myjqueryplugins.com/QapTcha I followed the instructions carefully. I unpacked it and uploaded to my php server version 4.4.9 and tried to test them out. Everything looks fine but when I slided the slider over to enable to the submit buttom. The submit button still disable therefore I could not click the submit button to submit them form. Does anyone have similar problem and able to resolve the issue? Can someone please help? Thanks in
selective cascading access on matching elements
Hello @all, I´m very new to jQuery and have a problem I can´t solve by myself. I have an ul li list with items that match a later following div - the match is the id. That id is matching another following div by id. All elements are dynamically generated and can vary in depth. I have a working set with onclick fuctions, but I want to make this working in jQuery. It would be great if someone could help me to get this working !! Thanks in advance This is the raw template: <div class="mything">
I thought every line of the code need semicolon?
But then when I download some video files of JQuery and then I found this lines. Why they dont use semicolon? function showRequest(formData, jqForm) { var extra = [ { name: 'ajax', value: '1' }]; $.merge( formData, extra) return true; }
GZip
The jquery home page at http://jquery.com offers a 29KB gzipped version of the latest code, but when I check that box, vs the full version, I just get a page with the minified version and if I save that the file is 83KB. So how do I get the gzipped version? Also, where does this get un-gzipped? Does the browser do that in real time each time a page with jquery loads? Thanks for any help. Steve
How do I fix the button size on a button toolbar?
I haven't been getting an answer at the oscommerce forums, so I figured this would be a good place to ask. If you look at my store at the link below I'm trying to get the button toolbar right underneath my logo to not only fill up the container it is placed in, but to also remain fixed in that position, no matter what the customer's screen resolution or zoom is set to. If you look at my site and zoom in and out, you'll see the black gap become bigger and smaller and might understand what I'm referring
desperate for help with not refreshing page
i've been trying to solve this on my own for over a week, i'm no expert and have read tutorial after tutorial but i'm at dead end and ready to give up. i have a search form that a user selects item from dynamic list hits the submit button and it returns each matching result on same page in an update form, i have 2 checkboxes in update form that updates the DB when 1 is checked, this all works fine until i check the checkbox the data updates ok but all remaining update forms are removed because
Using jQuery to replace form select of large list of users.
I've been told that jQuery can do this. Simple form which includes a drop down list of users obtained from a database which is displayed using a form select entry with options for each entry. problem is, the list can be quite long, upwards of several hundred. In PHP, I added a filter box (text box) which the visitor can enter in a substring that is then used to obtain and display only matching entries. Works great, but it needs to reload the page to do its thing. I've been told that jQuery can
Uploadify - Passing renamed file back to form
Hi, jQuery noob here! I'm trying out uploadify to upload images & files. Got it all working fine and got it so that it inserts the filename as a hidden form element so I can grab the filename on post and insert into the database - <script type="text/javascript"> $(document).ready(function() { $('#file_upload').uploadify({ 'buttonImg' : 'images/browseBtn.png', 'height' : 21, 'width' : 84, 'wmode' : 'transparent', 'scriptAccess'
Editing the css of the last 2 items
Hello jQuery developers, I have this case: 1) A <div id="box"> that contains a random quantity of floated <divs class="item">. 2) Each <divs class="item"> has a border-bottom to visually make a separation among the top and bottom elements. 3) Every two <divs class="item"> forces a line-break, like in my example. 4) I need to remove the border-bottom of the last divs located at the bottom. There are two posibilities: 1- there is a single div 2-or there
jQuerty functions.js what is this for ?
Hi, here is the code I have in that file. I started reading the tutorial just in the beginning and there was explaining where I need to write my functions after the ready event. Ok but with with HTML5 Reset I have this index.html page setup with jQuery: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script>!window.jQuery && document.write(unescape(''))</script> <script src="js/functions.js"></script> And I was wondering why do I have this functions.js
.each and "li" bold
So i have this code before jquery starts and then i call it in order to highlight the correct item in my <ul></ul> list.. on Firefox it works just fine but on IE8 it doesnt work, doesnt make the li item bold.. here is my code: function highlight_li(){ $(".main_div").find("li").each(function() { if ($(this).text() === "second_li"){ $(this).css("font-weight", "bold"); } }); }So what this does is it searches the .main_div's <ul> list and if a li item has the value
Labeling single links/Slide In Slide Out Command
Hi i am currently coding my new website and i am fairly new to code but want to use code over Photoshop slicing etc as its the way forward coding that is. So I am trying to make a box slide in and slide out when a certain link has been clicked, Ive made it work with all 'a' tags but i want to be able to make it work with only one link for one box and another link for another box. (Trying to make a basic drop down box with text in). Similar to http://www.justinmaller.com/showcase.html (If you click
AJAX function works only once
I do apologize if this turns into a double post. I though I posted the first time, but I can't find my post to edit and I forgot some code: The first time I call my function it works like a charm. When I try to call it again, it refuses to work. I know the info is being passed to the function, I checked, but it doesn't initiate the AJAX portion again. do you have to clear the function somehow? Here's my code for the function: //the AJAX search function function searchAndPull(objTNfield, objFNfield,
How can you generate a jquery click when mouse is over something?
Hi, I am currently trying to make a layout editor. I am still trying to figure out who to do the whole thing. So far know that jquery can create new elements and delete them by matching the ID. I know that jquery can find id's from elements. I used this .attr('id'); to get ids. Here comes the problem it works great when buttons and the elements are not inside a div. yet when you click on a div you not just get the id of the div but also the elements inside the div. I want to select the div by itself.
Building slider controls to target specific slides
I have a slider set up that navigates fine using 'next' and 'prev' buttons. There are 14 slides and I have 5 buttons at top that I need to point to specific slides in the layout. Content is static and there will always be 14 slides, and the links will always link to the same slide. So I can manually set IDs for those slides and I can also manually designate each link to go to whatever slide... but I'm not sure how to move forward. My existing slider code is very basic: $("#slider").cycle({ fx:
Triggering incremental function
Hello I`m a beginner so excuse me if my question is too obvious. i have a set of functions with identical name + incremental number <a href='javascript: fun1()'>1</a> <a href='javascript: fun2()'>2</a> <a href='javascript: fun3()'>3</a> <a href='javascript: fun4()'>4</a> <a href='javascript: fun5()'>5</a> ..... <a href='javascript: fun50()'>5</a> ......etc I want to add NEXT/PREV navigation buttons to trigger subsequent functions . And when last function is called , the next click should trigger
how to detect user has clicked back button
how do i detect user has clicked back button of browser and i want to prevent it from redirecting to back page i dont want to disable the back button
re-starting after stop()
How to re-start an animation after it's been stopped ? function breathe() { { breatheIn(); setTimeout('breatheOut()',6400); } setTimeout( function() { breathe() }, 19200); } components: function breatheIn() { $('#bg1').animate({opacity:"1.0"}, 3200); } function breatheOut() { $('#bg1').animate({opacity:"0.0"}, 6400); } stop: function stopBr() { $("#bg1").stop().fadeOut(1200); } A second call doesn't work: <a href="#" onclick="breathe();">restart</a> also tried onclick="breatheIn();
Adding jquery inside external Javascript file
Hi all, I am new to jquery, and trying to add a reference to the jquery js file inside of an external javascript file (foo.js) through a document.writeln statement: document.write('<script language="javascript" src="http://code.jquery.com/jquery-1.5.min.js"><\/script>'); The issue I am finding is that my jquery calls inside of this foo.js file result in errors. For example, adding the following jquery code to the end of foo.js results in "$ is not defined" error in chrome. Here is my jquery code
datepicker icon called via default
I have called a calendar icon file from a script on the form - this works except IE, where I get the "x" for image. I prefer to call it from the widget defaults. I have downloaded the themeroller version, including datepicker. The defaults regarding button image that came with the download are: buttonText:"",buttonImage:"",buttonImageOnly:false, I wish to change it to: buttonText:"calendar",buttonImage:"",buttonImageOnly:true, Note the missing button image from the icons png that comes with the
applying bind > delay > unbind - seems the delay is ignored..
applying bind > delay > unbind - seems the delay is ignored.. why is that? <html> <head> <style type="text/css"> div#button { background: red; width: 200px; height: 200px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var i = 0; $(function(){ $('#button').bind('click', counter).delay(10000).unbind('click',
Accordion closed initially
I would like to render my page with the accordion widget closed initially. I have cobbled this together from reading this site and trying to understand examples-it does allow all to be collapsed. But...how do I open with this? <script> $(function() { // Shorthand for $(document).ready(function() { $("#accordion").accordion({ collapsible: true }); var collapsible = $( "#accordion" ).accordion( "option", "collapsible" ); }); </script>
Next Page