Jquery interactive map issues - does not display in browser
Hi All! I have a problem with this jquery map: it is fully functional when I test internally in dreamweaver cs5 firefox and safari preview mode, but as soon as I test it live on a server the buttons inside the map do not appear. Please view: http://www.digitalmake-up.com/staging/testing.html I'm not sure if it's the z-index on the css or the jquery...I tried a bunch of different scenarios but nothing is working. What it's really suppose to look like is this and this is what I see internally) 1. bullets
JQuery & SyntaxHighlighter
I'm trying to make a dynamic web page to show some of my software. To do this I'm using JQuery & SyntaxHighlighter but when I add the java code with the function $('#code').html(v); SyntaxHighlighter doesn't work. Why? This is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Prova Codice</title>
show/hide multiple div layers in the same time with same click event
i'm new with jquery and i want to know if is possible and how to make it to show/hide multiple layers at the same click event. also i want a specific div element to remain always in the same position, even the others layers appear or disappear in page! i would appreciate very much a detailed response, that because i'm a newb with jquery usage.
jquery version Conflict 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">
Function only animating first time around
Hey guys, I'm a bit of a noob, but I'm just playing around with ideas, and trying stuff out and came across a problem I don't understand. I have an unordered list of links, which on click append a new <li> with the appropriate image, and then slide the whole <ul> left, allowing the image to show through the window. My problem is that after the first time around, the rest of the function executes, but the animate left doesn't. Here's my javascript. $(document).ready(function() { $('#showcase_holder
Using compound css selectors to toggle a class of an image
I'm creating a hover effect like this. I have a 6 columns of images. There are 2 images per column stacked on top of each other. Like so: X X X X X X X X X X X X The top row of X's I want to start out as invisible. When you hover over the bottom row of images, the top row fade's in (by toggling the css code opacity from 0 to 100), and then when you mouseover, it fades back out to 0. I'm having trouble setting this up. Here's my HTML: <div class="carbox"
Using the jQuery library, I get an error in the jquery file.
We are trying to do some effects, and work properly in Firefox and Chrome but not in IE, loading the page everything is ok, but when I click the ID for me to run the function, get error. Detalles de error de página web Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E) Fecha: Sun, 13 Mar 2011 03:39:17 UTC Mensaje: No se pudo obtener la propiedad position . Argumento no válido. Línea:
Add CSS class to selected link
Hey all! I'm building a calendar and using a jQuery script to shift between "list view" and "calendar view". The thing is, that I would like to add a unique CSS class to the selected link, so I can make a highlight effect (or something like that) that only applies to the currently selected link. My script is: jQuery(document).ready(function(){ //if this is not the first tab, hide it jQuery(".tab:not(:first)").hide(); //to fix u know who jQuery(".tab:first").show(); //when we click one
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,
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; }
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
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
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,
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">
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',
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
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
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.
"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>
Getting namespaces in XML using jQuery for all browsers
Using jquery 1.5 and part of my XML is this <gd:when endTime='2011-03-03T16:00:00.000-06:00' startTime='2011-03-03T11:00:00.000-06:00'/> If I use: $(xml).find('gd\\:when').each(function(){ alert($(this).attr('startTime')); }); It works in Firefox, but not safari If I use: $(xml).find('[nodeName=gd:when]').each(function(){ alert($(this).attr('startTime')); }); It works in Safari but in Firefox I get the error: uncaught exception: Syntax error, unrecognized expression: [nodeName=gd:when]I
How to raise event on certain text selection in html page ?
Hi, suppose i have a html page with text, links and what ever else a page contains. On selection of Text on the html page i want to raise some event that will do something . But what that event is known as ? By text selection i mean placing mouse pointer to some text and left clicking and moving the mouse either to left or right . Now when user selects some portion of text and releases the mouse's left click button a event should be raised . Obviously that event should know what was the selected
jQuery and Cookies
Right im trying to incorporate a splash screen on recent project like the one here...http://tutorialzine.com/2010/11/apple-style-splash-screen-jquery/ But im trying to implement cookies with it so it only loads the splash screen once every browser session but i havent managed to figure this out yet :S Very grateful for any help :) Owen
jquery.validate.unobtrusive +php
I'm a newbie, o jquery. jquery.validate.unobtrusive +php, it's possible? jquery.validate.unobtrusive is a pluggin on MVC3 microsoft. Please a simple code? Thanks
jquery
Almost all the plugins i want to use are old version of jquery either 1.3.x or 1.2.x and my web app use 1.4.2.Can i use those old versions?if yes how?also if yes can i include three versions in one page?Thank you in advance.
Iframe get content height/width
Hy, i have a small question .... Lets say i have a html web page with the folowing code inside: <html> .... <iframe id="myFrame" src="http://www,google.ro"> ..... The question is how do i get the iframe contents height/width ? I've found someting like : myIFrame.contentWindow.document.body.scrollHeight But doesn't work ! .... I have IE9 on WIN7
How copy and paste using JQuery
Hi, my name is Flávio and i'm a new student using Jquery. How can i copy and paste a text in a JQuery mask ? sorry my english ! thanks for all !
php array to jquery using json
Hi! I managed to get simple ajax example working, but when I try to pass an array of numbers to jquery, I had no luck. Can someone please give me a simple example. In php I have: $a=array(1,2,3,4,5); echo json_encode($a); So, how can I get this in jquery variable like js_var=[1,2,3,4,5]? p.s. Actually, my problem is jqplot and not being able to pass array from php to jqplot, but since I'm getting data using $.ajax, I guess this is the right place to ask. Thank you!
Dynamic TextBox
Hi, I am trying to create Dynamic TextBox using JQuery. What i am trying to create is when i enter a number in a textbox say "5" then 5 new text box will appear below it with labels. But not able to make it. Please someone help me. Thanks in Advance.
jQuery 1.5.1 (or 1.5) breaks all ajax() calls
When I upgrade to jQuery 1.5.1 (or 1.5) all of the ajax() calls in my site produce a "parserror" in the error option function. There is also a script error "Uncaught SyntaxError: Unexpected token : jquery-1.5.1.min.js:16". $.ajax({ url: '/CustomerGroup/Get', type: 'POST', contentType: 'application/json; charset=utf-8', dataType: 'json', error: function (x,s,e) { showError( 'Customer Group', 'Whoops, error getting customer group information. Please contact support@myorg.com
passing javascript variable to php
I am not sure if I am doing this the right way but I can't think of any other way of doing this. So here goes. In my javascript I have a "for" loop setup like this for(var i = 0; i < data.length; i++) { function load_items(){ $.get("list_items.php", function(data){ if(data.length == 0) { return; } for(var j = 0; j < data.length; j++) { create_item(data[j].description, data[j].priority); } }, "json");
$.find() does not find tags on inserted XSLT content
I wanted to parse through an XML document that has not been loaded via AJAX. Normally find() has no problems with finding the nodes when I search for tags but if you insert the content via xslt, it strangely is not able to find any node! Example: XSLT: <div id="xmlData"> <newdoc> <xsl:copy-of select="."/> </newdoc> </div> Produces the following HTML: <div id="xmlData"> <newdoc> <change name="change1" task="say hello">Comment 1</change> </newdoc> </div> Accessing with jQuery: $xml = $('#xmlData');
Can jquery determine the status of an asp.net validation control?
I'm developing in asp.net 4.0 using VS 2010. I don't want to replace my client side validation with jquery validation, I just want to be able to use CSS to change styles and classes of something other then the input control being validated if validation succeeds or fails. Doing this server side is easy, can I do it client side? Can jquery determine the status of asp.net validation controls? http://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside which seemed to contain my
children() return value order
I think the answer to my question is "yes" but I want to be sure. <div> <b>1</b> <b>2</b> </div> <div> <b>3</b> <b>4</b> </div> <script> var a = ""; $("div").children().each(function(){a = a + this.innerText}); // Does a contain "1234"? But more importantly, is it guaranteed to be the same across all browsers? </script> What if the HTML was: <div> <div> <b>3</b> <b>4</b> </div> <b>1</b> <b>2</b> </div> <script> var a = ""; $("div").children("b").each(function(){a
AJAX, JSON, IE & Cookies...?
Hi - first let me start by saying that what I want to achieve is not at all malicious, but I understand how it could potentially be used this way. - We run about 20 sites and a shop. Most of the sites contain common content (header and footer). - The shop stores a user's cart summary in a cookie - I have written an ASP page to write the cart summary to the browser in JSONP format. I know it's ASP, but it does the job - I have a piece of JQuery on the other sites that polls the JSON cart summary,
Jquery Sparklines Issue
Hi EveryBody, I have created compositeline sparklines using the omnipoint sparklines using the "jquery.sparkline.js" HTML CODE: <p> Composite inline <span id="compositeline">0.02214812, 0.021514995, 0.021613538, 0.021633292, 0.02159154, 0.021407593, 0.021312919, 0.021529202, 0.02223151, 0.022958307, 0.024464095, 0.025910059, 0.027205906, 0.027245826, 0.027468156, 0.027750372, 0.028779007, 0.0293326, 0.030160552,
Next Page