Total n00b question - browser sniffer help!
Hi All. My website looks great on Firefox, Chrome, and Safari, but on IE everything looks all jacked up. I've been told that I can use jquery to sniff out the browser and return a message to people using IE that my site is not optimized for that browser. I have absolutely NO clue how to go about doing that. My site is www.alecbrownstein.com and I asked a web savvy friend, and he said that this code is what I need: within a java script script tag... if (!$.browser.msie){ window.location="nextpage.html";
get background-image
Hello guys. I need to get the image name that is the end of thebackground-image, example: var name = this.css('background-image'); alert(name); it return me: url("file:///C:/wamp/www/project/teste/img/teste.png"); i just need the name and file extension, example: teste.png Thank you very much
jQuery.get(servlet url) should activate Java servlet?
I am trying to develop a web program that uses ajax with AppEngine. in HTML <head> part, I put... <script type="text/javascript">//<![CDATA[ function asyn() { $.get("http://localhost:8888/ajaxtestforpictures"); } //]]</script> and the java servlet is only... public class AjaxTestForPicturesServlet extends HttpServlet { public void doGet(HttpServletRequest req, HttpServletResponse resp) throws IOException { resp.sendRedirect("redirected.html"); } } the URL of the servlet (/ajaxtestforpictures)
Can't get rotator to work
Hello Everyone, I am trying to make a simple image rotator using JQuery. It seems to work for first loop however it does not iterate back to the start of images once it reaches the last image. I have tested and the code is getting the first image reference but due to some reason it is not working. Can anybody kindly help me. I have attached my code. Best Regards, Afraz Ali
IE .post problem(?)
Hello, i do have a button where i use the .post() function to send via a file queries to insert stuff in the database. it looks really simple like this: $.post('file.php', { editpost:myvar }, function(result) { $('#msg').html(result).show(); });so when i click the button it works fine but on IE sometimes it crash or i dont know how to say it , it doesnt execute the ajax and when i try to reload the page it takes some time to fully load
Calling a jquery function from another jquery function
I'm a newbie to jquery and would like to do this: The function setEqualHeight(columns) fires on document.ready and works well. However, in the second function (the tab function) I would like to to call the setEqualHeight function in order to recalculate the div heights again. I would like to do this in the "onclick function". How? //Sätter kolumnerna till sama höjd function setEqualHeight(columns) { var tallestcolumn = 0; columns.each( function() { currentHeight = $(this).height(); if(currentHeight
jQuery Color Plugin
Hi, I'm very new to jQuery, so sorry for the stupid question! I created a little script to animate color background of a DIV and border color of another DIV in loop. I used the jquery color plugin and the script works!! (Unbelievable) The problem is that my script is veeery slow, and a i have problem with page loading (especially with IE) This is the script <script type="text/javascript"> $(document).ready(function() { spectrum(); function
Switching a css class
Hello... I would like to change the class of a div when a user clicks a button. The idea is for the footer div to be greyed out until the user clicks an answer. The button... <div class="eReportingAnswer">Yes</div> The div I want to change.... <div class="eReportingFooterContainer"> <div class="footerDeclarationText">By completeing and submitting this form etc etc...</div> <div><a href="foo.html" class="eReportingSubmitButton"></a></div></div> The jQuery.... $(".eReportingAnswer").mouseup(function()
Setting up a webplayer with playlist using <iframe> and <object> codes.
I'm having trouble setting up a webplayer on a site. I had set up the player receiving the files and set up a jwplayer with an xml playlist. I am then notified we won't be receiving files just <iframe> and <object> codes. The player I am using only supports this if I get a crossdomain.xml set up and that's not an option. What I need to know is how to set up a playlist that can on click play the selected <iframe> and <object> codes in a player window next to them. I am a beginner with javascript,
Identify a width that varies and apply a css style based off that?
hey there, new to jquery here. i'm just talking this out to get an idea of what i'm trying to do and how to go about it at this point. no real code yet but i'm trying to make it over the weekend so any guidance would be great. essentially what i want to do is identify the width of a div using jquery, and then have jQuery assign that width inline to the element negatively. for example (let's say this width is 110px after jquery looks at it) <div class="ineedyourwidth">lorem ipsum dolor</div> will
Not working
jQuerry doesn't seem to be responding when I preview it in Firefox!!! What can I do?
jQuerry not responding
Hi! I just started practicing today jQuerry, followed all the instructions, CSS is working, but jQuerry is not responding, what do I have to do? I did put jQuerry in the same file... <html lang="en"> <head> <title>jQuerry tutorial 01</title> <script src="jquerry-1.2.6.pack.js" type="text/javascript"></script> <style type="text/css"> #box { background: red; width: 300px; height: 300px; } </style> <script type="text/javascript"> $(function() {
Querying MySQL and displaying results in Table
Hello, I am absolutely new to Javascript, jQuery, PHP. What I want to do is let the user input a file, then read the contents send it to the server, loop over the inputs to query MySQL, return the results and display it in a user friendly, scrollable table? How can I use JavaScript/jQuery for this? Any kind of help would be great. Thanks -Yogesh
Not working
jquerry is not working! Do I have to add something else?
droppable parents
hi guys, i'm trying to figure out, how i could declare drop-function for my elements easily: <div class="foo"> <div class="bla" test="1"></div> </div> <script> $( ".foo .bla" ).droppable({ drop: function(event,ui){ alert(this.attr('test')); } });but that fails and i dont know why, can somebody help me pls! thx
arrangement of jquery
Respected Member, I want to know the standers of arrangement of j query scripts .so i used all the j query effects and help Please do need full. Thank you
how to click to know the position in sortable list
i have the following code to get the change of position, I dont know how to make the list tell me the position of a specific element when i click it. please give some idea. $( "#sortable" ).sortable( { start:function(event, ui) { startpos=( $(ui.item).prevAll().length ); }, stop:function(event, ui) { stoppos=($(ui.item).prevAll().length ); } });
traversing one level of dom with nested dom elements.
i have been trying to recreate some XUL in html5 using jquery i was working on making the groupbox with caption and i am going to make it so if you add more then one caption it removes all but the first caption as a groupbox can only have one caption. and it works great till you put a groupbox inside another groupbox. the nested groupbox elements lose there captions. only the first groupbox will show its caption the right way. if($("xul\\:groupbox").length){ $("xul\\:groupbox").each(function(){
URL not showing in browser address box
I am very new to jQuery. I have taken over a previously designed site. I need to show the actual page url in the browser's address box. For purposes of being able to create links (in emails, etc.) which point the customer directly to the product on the site. As of now, you can only go directly to the home page. The site is: http://www.chimneysupply.com Is there a simple solution to this? Thanks. -rsmed1
hiding list when another anchor is clicked
Hi there, thanks in advance to anyone kind enough to help me with this! This is my FIRST attempt at using Jquery to make a site menu for a client, and I'm pretty new to Javascript as a whole.. I have a two column horizontal menu, and when an anchor on the left column is clicked it brings up a list in the right column.. how do I hide list in the left column when a different anchor is clicked, bringing the new list to the top of the column? here is my code, Thanks again!!! <style type="text/css"> ul.nobulletnoindent
Missing scroll bars...
Hello... I am taking a look at .jscrollpane.js and would like to have 3 scrolling div's on my page. I have 1 correctly styled scroll bar in the first, but not in the second 2. Do I need to adjust this line of code... $('.historyScrollTableBodyContainerA').jScrollPane({showArrows: true}); ....??? I thought it would be something like... $('.historyScrollTableBodyContainerA,.historyScrollTableBodyContainerB,.historyScrollTableBodyContainerC'').jScrollPane({showArrows: true}); ....but that didn't work....the
Is it possible to load a page, after website has fully loaded?
Hi guys, I am pretty new to jQuery and my programming skills are almost non-existent. :( But I was wondering; is it possible to create something which will load a page (or php include) when the website has been fully loaded with a loading bar? The reason why I want this, is cause I am building a website and it will have a ping (to severs) script, but it takes a "long" time to load (depending on the servers that are being pinged). So it can take anywhere from 2 or 3 seconds to 10 seconds (or even
jQuery - Scrolling browser page
Hi all I have two demos of scrolling page content with jQuery. This one is scrolling the contents inside a container and it works as I wanted on Mac/PC <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>untitled</title> <style type="text/css"> *{margin:0;padding:0;} div#wrap{width:600px;margin:50px
problem with horizontal scroll and vertical slide combo
Hi, I am fairly new to jQuery but I am working on this site www.aandhc.com/sandbox that has horizontal page scrolling (which i figured out how to do) but also needs the main container to slide up when the projects link is clicked and the projects container will slide in. Its kind of working now but the sliding effects is not working correctly and the page is not transitioning to the correct anchors when you leave out of the project section. Any help would be greatly appreciated. Thanks
creating a marker on an image
hi all, i am trying to create some markers on an image to point some options. I would like to emulate the same shape as google marker balloon, but i dont know if its possible to create using just css and javascript or not. i have created a function which creates a rectangular div on the image when we click on the image. but i want its shape to be like a water drop, as it is much more better to see and figure out what it is pointing to. so can anyone or you tell me if its possible or not, or do i
Getting focus
Hi all, For my new website I want to have a very different style of browsing. My idea is as follows: There is one central button in a open canvas (not limited to a certain space), once clicked it opens up several menu items, but now the question (2): How can force jQuery to focus on a specific area (a certain content area)? And is it possible to "extend" a part of the menu option diagonally? Thanks in advance!
$("®").replaceWith("<sup>®</sup>");
Any ideas on how to get this to work?$("®").replaceWith("<sup>®</sup>");
jQuery File upload
Hi, Can somebody provide code or suggestions on how to implement single file upload using jQuery or AJAX. It should submit to servlet. Thanks in advance...
uitablefilter
I have copied the great example on hot to filter a html table using the uitablefilter add-in. (http://projects.gregweber.info/demo/flavorzoom.html) My table is very large however, and I am looking for a way to add a button before the the filter is run on the table. What is the best way of doing this? Can anyone help ... I am trying to make a simple website ... learning the basics of java. Thanks, Paul $(function() { var theTable = $('table.chart_list') theTable.find("tbody > tr").find("td:eq(1)").mousedown(function(){
GetJSON Method Not working
Hello Everyone, my $.getJSON method is not working, although $.get method works correctly. I have posted my code here http://jsbin.com/ageda/edit Can you please have a look and tell me what I am doing wrong? I find jQuery very hard ..... if things don't work they just don't work quietly... why doesn't it tell me what is wrong with my code? To a newbie is there some advice on where/how to start debugging the code? how to get some error messages from jquery?
Detect http headers?
Can jQuery detect 404 http response headers and then display a hidden div? My case is: In htaccess I've set my homepage as the 404 error document. The page contains a hidden "Oops not found" text that I want to show in the case of a 404.
jQuery file size?
Firstly, apologies for creating another thread - I can't seem to find my other one to edit it! Just have a very quick question about jQuery - on the homepage it says that the minified version is just 23KB, but unfortunately on my system it's showing as 70KB! Not the end of the world I know, but the extra bandwidth could add up over a lot of users (I'm doing a website for a school, who have pretty much no money and even less bandwidth!) and of course load times for the users too. Do I have to Gzip
Superfish dropdown menus
is it possible to use background images with superfish ? sprites ? or can i use image tags in the list item anchors ? Whats the best way to use image sprites in the first level of your navigation menu in conjunction with superfish dropdowns ?
Phone Filtering page
Hello everyone, I am new to this forum and hopefully I am posting this in right section. I need to create a phones page with filters. This feature is very common in all the cell phone providers website right now. My page will be similar to T-mobile phones page, take a look at it here T-mobile Phones Page Instead of checkboxes, My page will need drop down to select the phone, price range and features. I am thinking I can do this with jquery but not really sure where to start. One solution I thought
jquery starterkit tutorial doesn't work, syntax error in click function
Sorry but I can't get the very first tutorial to work. I put the custom.js in a test_jr directory in htdocs. I also put the starterkit.html file in the same directory. I copied the contents of jquery-1.4.4.min.js into a jquery.js file also in the same directory. Then I did the custom.js page shown here: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a").click(function() { alert("Hello world!");
Active class on different categories (with example)
Hi Everyone, Ive a problem and I was wondering if someone could help me, I have this script running http://jsfiddle.net/UUxrd/ My website is a main navigation with sublinks. So when a user clicks on a product they will be brought to that specific product page. On this specific product page you have the neccessary content plus a sidebar (the example above) containing all the same links with the sub links in an accordian script. What I would like to happen is, if the user clicks on a particular product.
problem linking jquery keypad plugin to jsp page
hi all i have a unique problem with linking jquery keypad plugin with a jsp page in a project. i downloaded the keypad plugin from jquery site and put it in a library folder in my project. now when i try to link the js file from there, i get javascript error. my jsp page is in folder1 under WebContent and my keypad.js is under folder2/common/jquery.keypad.js. this folder2 is also under WebContent. i tried to check the link using firebug, its showing the path given is correct. but when i try to use
linking a textfield with buttons in a div
hi all, i have created a form which is like this. <form name="form" action="servlet" method="get" > password <input type=text /> <a href="" id=measurement > advs setting </a> <br> <input type=submit value=submit /> </form> <div id=SetLoc > <table> <tr> <td> <input class="keys" type=button value=M /> </td> <td> <input class="keys" type=button value=D /> </td> <td> <input class="keys" type=button value=F />
Alternate hide and show
Hi... I am looking at Karl Swedberg's tutorial for hiding and showing items, a very good tutorial indeed! http://www.learningjquery.com/2006/09/slicker-show-and-hide I took the exsisting JS, copied, pasted and edited it so that I get 2 boxes working on my page. As follows: $(document).ready(function() { // hides the slickbox as soon as the DOM is ready (a little sooner that page load) $('#slickbox').hide(); // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
If statement + mouseleave How to?
Hi, how i can make work this code, please? I'm new of JQuery scripting and nobody can help me with this code: //---------------------------------------------------------------------------------------------- // <!--Menu 1 --> $(document).ready(function() { $("#ldheMasterHotSpotMenu1").delay(50000).mouseenter(function(){ // $("#ldheMasterHotSpotMenu1").mouseenter(function(){ $("#ldheMasterPictureSelettore").animate({opacity: "0.5", width: "30", left: "3"}, 200); $("#ldheMasterPictureSelettore").animate({opacity:
Next Page