Feature Detection?
Well first off I'd just like to say I'm a proud newcomer to the site, and hopefully I'd get to know the people here, and make some friends. Now I'm new to JQuery I've gotten into it here, and there, but for the past month I've been working really hard on learning it non stop, and being pretty good at HTML, and CSS, I thought I'd take the step into JQuery. I really love to learn, and found the OS, and browser detection here and I thought that was really cool, and got me thinking. Can JQuery detect
[1BSP (One Big Stupid Problem)] - magnification of a div
Hi Guys, I've 1BSP, look my project http://jsfiddle.net/luke984/RzmWp/ I have this site that has the squares, as you can see. I would like to enlarge the square at click on one of them, but only for the central four. The 5th located at the left, i want to use it like as a "button" to return all the square at the same size before the click. I know, this is a stupid problem, but i'm going crazy see ya tanx so much. and sorry for my worst english.
Change z-index after opacity change
Hey guys, I'm super new to jQuery and JS in general, so this question is what I imagine to be incredibly basic but I really don't know where to start. Basically, my current code is like this: <script type="text/javascript"> $(document).ready(function(){ $('#contentblind').css('opacity', '1').fadeTo(3500, 0); }); </script> It works fine aesthetically (I basically needed to create a fade-in effect for the content, but when fading the content itself my @font-face font looked like shit during the transition,
Showing or hiding DIV based on data from AJAX
I am new to jQuery and can't get this to work properly. I am loading content form a php page through an AJAX call. Based on the data that is returned I want to fade in a DIV or keep it hidden. Therefore I have a if construction that checks the data that was inserted in a DIV from the PHP page. If the PHP page returned 'No data' the DIV should remain hidden. The loading part works OK, but somehow the hiding or showing of the DIV doesn't work. What am I doing wrong? Is the syntax correct? This is what
jquery file upload method
Hi friends, I want to upload a image using jquery.... I tried many "googles" ..... Please anyone give me a right tutorial please .... I coded upto this..... How to receive files in my php page ? Please help function addPhoto(){ var term = $('#photo').val(); $.post('includes/addPhoto.php',{s:term}, function(data) { alert(data); }); return false; }
JCarousel Dynamic Size
Is it possible with JCarousel to hide or disable the previous/next buttons when the number of items is less than the specified width or size? Thank you.
How do I call a jQuery function?
Have written a few websites and am just now starting to branch out into JavaScript. I'm an old FORTRAN and VB programmer and am used to statements like CALL SCROLL("UP"). Can someone please tell me how I should call a function from my html? Specifically I want to have text scrolling upwards in a div once the page has completed loading. Thanks.
user changeable skins / interchangeable css / enlarging texts / visitor changeable web items / background changer
I simply do not know what they call it, i have seen it on several websites: user can change the backgrounds of menu, background, buttons etc, some are so extensive user can use eyedropper and change every aspect. user can change font, size, etc i would like to use this for my viewers and offer it to my clients (as a soon-to-be joomla design specialist) i am certain it has to be jquery that is enabling such a feature, what is it called how do i get a hold of it? thank you
Menubar: In IE if clicked in menu text, dropdown disappears
Steps to reproduce: 1. Run tests\visual\menu\menubar.html test from GIT master in Internet Explorer 8 2. Click in File Observed: dropdown menu is closed if mouse button is released Expected: dropdown menu remains open. expexted behaviour occurs if clicked in button right to name or if using FireFox. How to fix so that menubar is usable in IE also ? Andrus.
need help with parent and not / filter
Hi all, I would to achieve the same result of the below function without using callbacks . the function is: $("#user-options-menu").find('a').each(function() { // now I want to filter any <a> tag with <li> parent if (!($(this).parent().is('li'))) { $(this).button(); } }); I've tried with $("#user-options-menu").find('a:not(li:parent)') but without result. Any suggestion ? Thank you
Combox Box that allows user to enter in a value not in the list
I want to use the combo box widget that autocompletes, but I need to be able to have the user enter in a value that is not in the list. Is there an easy way to do this? How do I retrieve the currently entered in value in the combo box autocomplete field? I suppose I could use this to add a value to the combo box when the user submits the form. I have multiple combo boxes, how would I reference each one? Thanks for any help.
How to get the actual screen size and width in Internet explorer?
Hello, I have 2 monitors with a different resolution. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located. It does work in all other webbrowsers ... I have created a page with an alert
How to integrate all jquery code?
hi, i have use few jQuery Plugin in one page, so before the <head> have more javascript code like this: <script type="text/javascript"> $(window).load(function() { ......... </script> <script type="text/javascript"> $(document).ready(function() { ......................... </script> <script type="text/javascript"> $(document).ready(function(){ ......................... </script> can i wirte all code in a .js file ,and make it clean....?
jQuery Form not sending small textarea inputs
Hello, This is my first time using the forums, so please excuse me if I do something wrong. On my website I am using jQuery 1.5.1 and the latest jQuery Form plugin. Wherever I have a textarea input, small inputs of less than about 10 characters fail to be sent to the server. For example, if I have a form: <form id="someform" method="post"> <textarea name="foo"></textarea> <input type="submit" value="Send" /> </form>If I enter a simple "bar" or even "bar bar" into the field and press the submit
Hide Url bar not working?
I was told that JQM hides the url by default, but doesn't seem to be working on my site. Is there some trick to this? I've been reviewing the sites at http://www.jqmgallery.com/ and noticed that http://m.untappd.com/ was one of the few that did this. I've tried many of the scrollTo examples with no luck. thanks!
can't apply css - it gets applied, but then it gets overwritten
I've posted this question before, but I've now simplified my web page so that it can be all put here in this post. If you try out the code, you will see 2 buttons. Either button downloads content into the page using ".Load". You can try clicking on either or both buttons. The problem is that I want the color of loaded content to match the color of the button. To do this, I set the css of the loaded content to be that color. This works very briefly, and then its covered up again by the default color,
z-index problem with ui-tabs and menu jsddm
Hi, I have a problem with styling menu and jquery.ui tabs below: This websites shows the problem: http://www.sdns1.pl/strony/zieloneWczasy.pl/ When you choose: "Obiekty", the fragment of the tabs is upper than menu. Could you help me? I tried to change z-index property of the menu .li but it didin't help.
conflicting issue
<head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jtip.js"></script> </head> <body> <!-- Slider Content --> <script type="text/javascript" src="js/jquery1.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function() { <!-- Function parameters --> }); </script> <div class="container">
Zoom on Hover with jCarousel.
I am not able to add a zooming effect on mouseover (or better Hover), when brought the cursor over the image, the size increases to, say 120%. P.S. If integrated with "Animate", then its anytime better. Example: << PIC_01 PIC02 PIC 03 >> on Mouseover on PIC_02 << PIC_01 PIC02 PIC 03 >> on MouseOut from PIC_02 << PIC_01 PIC02 PIC 03 >> But I have tried many times, i am not able to add any events or effects on top of jcarousel, without jcarousel it works.
Noconflict seems to conflict with Page Title?
Hello I've never been here before and probably shouldn't be let loose with this level of codey stuff but here goes... On my site at http://fbibiz.com/ I'm having problems with getting the Page title to show: It sort of flashes up but is quickly replaced by the browser name. I've discovered that if I remove the few lines containing the NoConflict commands (below) <script type='text/javascript'> var $jq = jQuery.noConflict(); </script> ...then the Page Title is fine. But: Of course I lose my second
Hover Off Problem
Having trouble with my script... Hover On displays image ok The image does not move with Mousemove() The image does not hide on hover off Any help is appreciated. $(document).ready(function() { var offsetX = 20; var offsetY = 10; $('a.resubmitImage').hover(function(e) { var id = $(this).attr('id'); $('div#' + id) .css('top', e.pageY + offsetY) .css('left', e.pageX + offsetX) .show(); }, function() { $('div#' + id).hide(); }); $('a.resubmitImage').mousemove(function(e) { $('div#' + id).css('top',
Cycle: Caption on first image
Hello. I'm totally new here, and am trying to build a slideshow with the Cycle plugin that includes captions for each image. I followed the example here: http://jquery.malsup.com/cycle/caption.html. Everything works great, but the first slide does not include the caption (after clicking once, all slides are ok - even the first on the second time through). Is there a simple fix for this? Thank you. EDIT: I should have added that I am not using a timeout, but rather prev/next buttons to advance
help about animation
hello, i wrote this jquery script but can't make it to work. This is a code: $(document).ready(function(){ $('.menu-a1').hover(function(){$(this).animate(function(){$(this).css('background-image', 'url("images/Menu-first-hover.png")')}, 'slow');} , function(){$(this).animate(function(){$(this).css('background-image', 'url("images/Menu-first.png")')}, 'slow');}); });
SlideDown/SlideUp menu
hi, i m new in JQuery, i m try to use Jqeury to make a slidedown menu , the html code like below: <ul> <li> <a href="#">item</a> <span> <a href="#">subitem</a> </span> </li> </ul> i hope when mouse over the <li> item, will show the "subitem", i use slideDown done it well, but how to make it SlideUp when mouseout?
Animation in .hover function gets stuck when calling fancybox
I am sliding div.description out and it contains a link to the fancybox plugin. When the link is clicked the mouseout animation fires half way. I've tried .stop(false,false) and ever true/false permutation as well. Am I missing something? //Show & Hide text on hover $('#image_container li').hover(function(){ $(this).children('div.description').stop().animate({"left":"380px"},500); $(this).children('img.bw').stop().animate({"opacity":"0"}, "fast"); },function(){ $(this).children('div.description').stop().animate({"left":"120px"},500);
JQUERY height issue
Hi friends, I want to change content of one of div using jquery and animate the div height and width according to new height and width. I want to change about 12 contents. Everything working fine with my code except height issue. My question is how to calculate newly loaded contents height dynamically Please help me I wrote code as this : $('.accMenu li').click(function(){ var win=this.title; $('#mainWin').animate({"opacity":"0"},700,function(){
Selector / Traversing Question
Hey guys, anybody have a better way to achieve this. I am thinking I took the very long way... //page code <table cellpadding="0" cellspacing="0" border="0"> <tr> <td id="tdVal"> <input name="ctl00$MainContent$gvwWizard$ctl09$txtApprovalOrder" type="text" value="0" maxlength="3" id="ctl00_MainContent_gvwWizard_ctl09_txtApprovalOrder" title="enter the order in which this item should fall in the
Making jquery widget minimize & expand with a mouse click
All, This is a general question about Jquery UI implementation. In our web application, we are thinking of using a jquery widget which will contain the items to choose from. Now I have this idea that the jquery widget should have a minimize button on the side which would slide the widget out of view, clicking the min. button again would slide the widget out. Is this possible to implement with jquery? Disclaimer: Im not a programmer so am just researching this for the team. Would love to have this
jQuery(formElement).val(null) : inconsistent results in different browsers
http://jsfiddle.net/jf7t2/1/ Please run it on the latest versions of all browsers, and see for yourself. When the button is clicked, on: 1. on WebKit browsers (Chrome, Safari) it just doesn't select anything, instead creates some ghostly empty option 2. on Firefox and Opera, it works the way I expect and want it to work, de-selects all options of the element 3. on Explorer, it does nothing jQuery 1.5.1 source code also tells us that, in this case jQuery sets selectedIndex = -1. http://stackoverflow.com/questions/5286424/jqueryformelement-valnull-inconsistent-results-in-different-browsers/5286643#5286643
Menu: Creating menubar for iPhone
Can menubar like in Menu test in tests\visual\menu\menubar.html used also from iPhone ? CSS3 menus will not work on iPhone. Which is best way to create menubar which works in borwsers and in iPhone also ? Andrus,
ListView Back Button Not Working in iPhone - example for Jquery folks
Hi guys - Please try your demo: http://jquerymobile.com/demos/1.0a3/docs/lists/lists-nested.html using an iPhone or simulator - navigate down a nested list (a UL with data-role=listview). I'm using BlackBaud Lab's iPhone simulator, which exhibits the "back button not working" issue: http://labs.blackbaud.com/NetCommunity/Page.aspx?pid=249 This will illustrate how the Back button doesn't work on ListView doesn't work on your own example. Thanks!
jQuery Image Slider / Plugin Issues
I'm designing a website based upon a Wordpress platform here: http://www.unifyourcommunity.com I've integrated this image slider plugin: http://www.easingslider.matthewruddy.com/ As the FAQ on that plugin notes, problems arise when jQuery is already in the theme. If it's manually inserted jQuery into your theme previously then it will break the Easing Slider (along with other plugins potentially) because jQuery is being loaded twice (the Easing Slider also loads jQuery). However, the jQuery call
TableSorter Plug-In
I am using the TableSorter Plug-In (http://tablesorter.com/docs/#Support) and have one issues I cannot figure out. When I enter search criteria that does not show any data the table is displayed with not data, but when in debug mode I get the following javascript error. Line: 251 Error: '0.length' is null or not an object So it appears that this plug-in does not handle the table not having any data in it. Has anyone come up with a good work around for this issue? Any help would be appreciated.
Jquery Overlay and php form
I have a form that is loaded into an overlay using thsi code $("a[rel]").overlay({ onBeforeLoad: function() { // grab wrapper element inside content var wrap = this.getOverlay().find(".contentWrap"); // load the page specified in the trigger wrap.load(this.getTrigger().attr("href")); } }); The form is straight PHP with PHP error checking and a thank you for submit message. I want the the error messages and the thank you for submitting message to stay in the overlay. How do I do
jQuery Template
Where should I ask questions about the Template plugin? First try: topic on Using jQuery Plugins Second try: topic on Using jQuery Where else can/should I ask? L.
JQM : Touch optimized iPhone-like Horizontal Slider control (screenshots)
Hi, Recently I was working on jQuery mobile and thought of creating a control that looks similar to the one on iphone while you go to app store. since jquery moblie supports touch events, I optimized slider script to support swipe left-right events. Test swipe left and swipe right events on following URL. it works grate on mobile devices. However sliding easing is not smooth. I'm sure any jQuery master will modify script and make it work properly. Here is the test link Demo : jQuery Mobile - Slider
"Uncaught ReferenceError" only on Chrome
Hi, how are you?, I have been developping a web for a few time, and yesterday I watched in Chrome doesn't works Jquery!. I use normally Firefox and it works perfectly, but on Chrome show many errors like this one: Uncaught ReferenceError: Login is not defined (anonymous function)localhost:23 onclick I attach the <head> (because I saw normally the problem is here): <head> <script type="text/javascript" src="administracion/jquery/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="administracion/jquery/jquery-ui-1.8.9.custom.min.js"></script>
Problem running jquery plugin validate after ajax call to page.
I have a form page that I wish to validate with the jquery plugin validate found here http://docs.jquery.com/Plugins/Validation Now the problem if I link to the page this is on using the rel="external" so that the page is not called via ajax it works fine (IE <a href="http://localhost/index.php?id=2" rel="external">Add</a>) but if I link to it using the default ajax link (IE <a href="http://localhost/index.php?id=2">Add</a>) then the form is not validated and is just submitted as normal and since
how can i give flying effect for an image when i clicked on it
when i click on an image its thumbnail should fly to another div box ...can anyone help me out? it is jus like add to cart....
CSS problems!
Hi, I would like to say that I'm brand new user to JQM (actually I started y-day) and if you think my question for dummy one it propably is but this tool seems to be great and I already have my first issue. Take a look at this... http://n.totuhov.com/example/ after a couple of taps on my iPad i got the "Option5" menu with completely different CSS than mine but not when I load it as normal webpage... http://n.totuhov.com/example/option5/ then when I started to build the content of the webapp I continue
Next Page