using .has
How would I use the .has syntax in something like this which uses :has $('li:has(ul)>a').click
how to sum number from textbox and appear live result
I need to sum numbers from textbox once and appear the result live in other field how can I do this ??? I am beginner in the jQuery. notice: the textbox value maybe changed by me thanks
Slider doesnt work ?
Hi everybody ! In this template: http://www.csstemplatesfree.org/acallia.html there is a slider in jquery. Offline its work OK but after upload files on server (online) slider doesnt work ? Can someone help ?
Miss rejected my jquery project due to some reason i don't know.!
Hi Today, i was watching lynda tutorial and made by jquery based mini-project, but miss said some things which i think was complete stupidity but still have to confirm via forum. I downloaded the latest version of JQuery ( jquery-1.8.0.min.js ) from JQuery website. Now based on that, i made a small JQuery app for that mini-project. Now when i showed this to miss, she gave me answer which i was shocked, i wanted to argue, but wanted to confirm 100% before its correct. She scrolled that ( jquery-1.8.0.min.js)
fade in a div at mouse over at another div
Hi, I want to show a div when mouse over on a link, I used below code but all div's become appear and fade out together, I want to when mouse over on a specific link it's own div be shown, not all div's with that class. the code is here: <script type="text/javascript"> $(function () { $('.pdf').mouseover(function () { $('.view').fadeIn("slow"); }); $('.pdf').mouseout(function () { $('.view').fadeOut("slow"); }); }) </script>
append works, but not appendto
Ok, I'm a newb to this, did about 2 hours worth the research and can't figure this out for the life of me. Basically I have a URL that I'm trying to write out to the screen so I can use it for debugging. When I was using appendTo it doesn't work, I think it's giving me some error " Uncaught Error: Syntax error, unrecognized expression: ://somehost:8080/yada..." But the append works fine and appends it and shows it on the screen perfectly fine. I thought appendTo and append were supposed to be
image zoom at hover on a text
Hello, I have a web application, I have some <a> tags (at a div at left of page), and some images that each tag has it's specified image. (images are at a div at the right of page). when I mouse over on each tag I want the specific image to zoom and other image's opacity become lower. HTML code: <div id="right" style="width:40%; height:500px; float:left;"> <a href="#">imge1</a> <a href="#">imge2</a> <a href="#">imge3</a> <a href="#">imge4</a> </div>
image gallery next/previous
Hello! I'm new to jQuery. I've made simple image gallery (part is my code and part is code from on the internet). You can see it on www.odmori-se.com/galerija/test.php (click on image). Everything works but I want to add previous/next links below image when it's clicked and maximized. I don't know how to do that. Thanks in advance! Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="jquery.js"></script>
Wrapping a div around an image - How to make the div behave like the original image
Hi everyone! I have this code, which I inject into html pages and run for every image: var _createImageColorPicker = function(widget) { // store 2D context in widget for later access widget.ctx = null; // rgb widget.color = [0, 0, 0]; // create additional DOM elements. widget.$canvas = $('<canvas class="ImageColorPickerCanvas"></canvas>'); // add them to the DOM widget.element.wrap('<div class="ImageColorPickerWrapper"></div>'); widget.$wrapper = widget.element.parent(); widget.$wrapper.append(widget.$canvas);
Beginner struggling with custom events
Hi everyone! First post here, I hope I'm not violating any rule here. I'm modifying the open source jQuery Image Color Picker plugin from project-sierra.de. Here are some parts of my code. This is where I define what happens on mousemove when the mouse is on an image (better, on a canvas that I created to coincide with the image): widget.$canvas.bind("mousemove", function(e){ var point = imageCoordinates( that, e.pageX, e.pageY ); var abscoor = absCoordinates( that, e.pageX, e.pageY );
else if blocks
I'm trying to create an autocompleter and I want to create an else if statements. here is my logic. Bind a "keyup" event to the input (and receive the "event object" as e). In the event: This event fires every time the user presses a key in the input. Capture the value of the input to a variable using .val() If the length of the value is less than 2 characters: Hide the results DIV (using a fadeOut animation) Exit the event by using return false. The key pressed is stored in e.which(Up = 38, Down
Response Message
how do i output a “no response” message if my ajax responds with zero?
Ajax not working
can someone help me get my ajax to run properly, i am trying to create and auto completer and the ajax wont run so I ma stuck on this part. http://jsfiddle.net/TMfex/3/ I know my code is not right but where? how can I fix it. I want to get it to run so that I can check the length of the ajax response to see If its zero so I can create a "no results" message inside the existing UL in the results DIV. What am I doing wrong?
using get to return table
I am using a get method, and then returning a table of records. on my php page where I am getting the data, i try to echo content, but nothing gets echoed out. so my question is, is it possible to have the php file, that is called upon, to echo content instead of returning a value?
how can i create a div that always extend to bottom of the page
hi. i need a jquery code to extend my div till bottom of the page, somthing like google map. i set the height of my parent div "auto", and now i need a code to extend my child div to 100%. can U help me?
Help me with this issue when learning ajax : HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy
I am new to Jquery and Ajax also. when i try the example of one tutorial on the internet I got this issue. Description: I use ajax to get data from the php script and display result to html page by .html(result) Code: index.html $(document).ready(function() { $.ajax({ url : 'get.php', type : 'get', data : 'name=nhan', async : true, success : function(result) { $("body").html(result); } })get.php $name = $_GET['name']; echo $name;But the code above get error : I copy from firebug: HierarchyRequestError:
adding p to li
hello , i expect from the below code to add paragraph to each li element and then add "hi" to each paragraph inside the li element , but the code will also change the original paragraphs content to "hi" and it will works as i expect if i add index with any number to p element like this $('li').add('p[0]').html('hi'); <html> <body> <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) { $('li').add('p').html('hi');
animation menu
http://jsfiddle.net/rajkumart08/p5VQS/1/ how to transfer this menu into semi circular menu... pls help.... i am giving u the screens hot too... https://docs.google.com/open?id=0B3IBJKENGE7RQjZVNXhoN0NtNUE
Proxy Page Processing Of Another Web Page Questions
I have an existing page on a website which I'm trying to hit from a proxy page using JQuery requests. The target page produces a list of data link results which are retrieved using two filter/select boxes. Sometimes the resulting list is a page (20 items) or less and sometimes it is multiple pages in length, which results in some paging links also being generated on the original target page. Currently my proxy page pulls in the data results just fine, as well as the original paging links with my
Conditionally jump to a certain page(id) on a single document - how?
Hi there, I'm working on my first Jquery Mobile app (later to be compiled using Phonegap). I have a single HTML document with a number of individual pages on it, all with a data-role of page and an id. At present when I load my document into Firefox the top most page shows, as you would expect. However is there a way to have a conditional statement that can display other pages apart from the first page. I have the old problem of wanting to skip the first page once the user has interacted with it
Measuring distance b/n 2 points in CAD model imported in javascript
Hello, I am Bala, working as antenna engineer. I have been trying to measure distance 2 points in a CAD file (.stp file to be precise) after importing it in javascript. I am trying to learn javascript now and any suggestions on the commands/syntax to be used for distance measurement will be helpful. Thank you Regards, Bala
How can change the content of the view from the controller?
How can change the content of the view from the controller? I would like to have a preferences painel that knows if the user is logged in, if yes :it shows a tab view, if not: it shows another tab view ->completly diferent, but the user can acess the preferences painel if he is logged in and if he is not.
html targets
I am trying to Identify the html targets (the input field, and the results container DIV), and make variables for them but I am new to Jquery and having some trouble figuring out how to do this with my code. here is code: http://resourcesonline.us/JAVA/3/index.html Can anyone help me figure this part out? Any help would be greatly appreciated.
FadeTo not working as intended
Hello All, I have 6 buttons. When I click on first button, all the other buttons should fadeto some percent, and When I click on second button, the first button should fade along with other 4 buttons, but the second button should not fade. On the whole except the button I clicked all the others should be faded. I used the following code, it works when I click first button, but when I click on second one nothing changes. That means the first button is not fading and the second one remains faded. $(".class").click(function()
What a format of jquery API description?
What a format of this jquery API description? How to understand this write?
noobie : facebook load different pdf in to a div via a link
hi i wonder is someone can help me i am a bit of a noobie and trying to do a simple facebook static html page which allows the users to select a link and it then loads a pdf in to the same div on the page i basically trying reading a few articles and combing them but able to see it working so i have 3 or 4 links at the page which will then pass a filename to a function to basically update the div statement i have put a dummy - blank.pdf to load at start up just to stop errors when i was trying to
how do i access the eliments of a page that has been .load() into a new page
Hello everyone i am new to jquery but love it already ( i am a php programmer). i have just use the .load() function to load content from another page to a new page. i am able to load the contents. However, i now wish to accesssome elements of the newly loaded content but i am not able to do this. $(document).ready(function() { $('#signin a').click(function() { var url=$(this).attr('href'); $('#loginpostion').load(url + ' #loginform'); return false; $('#closebox a').click(function() {
XML Datei auslesen und Values anzeigen
Hallo Forum, Mit diesen Script bin ich in der Lage eine XML Datei komplett auszulesen und alle Values (A,B,C,D,E,F,G,H) ausgeben. Es ist so, dass ich nur die Values für einen bestimmten Künstler anzeigen möchte der als Drop-Down Liste gewählt wird. Also für Michael Jackson nur A und B als Values anzeigen. Was müsste ich im Script anpassen um dies zu realisieren? XML: <?xml version="1.0" encoding="iso-8859-1"?> <dropdown> <menuitem> <title>Michael Jackson</title> <values> <value>A</value>
.click on an image map
Hi Guys, complete newbie here, so be nice! I have the following code that I want to fire as the result of somebody clicking an area on an image map: $('#Process').click(function () { //do stuff } and the image map is: <div id="Banner" > <div style="text-align:center; width:842px; margin-left:auto; margin-right:auto;"> <img id="ImageMap" src="divimage.jpg" usemap="#ImageMap" border="0" width="842" height="226" alt="" /> <map id="_ImageMap" name="ImageMap"> <area shape="rect"
How to validate file size function before submitting form,
Friends, I am using jquery.validate plugin. from here I am not so smart in jquery. My query is, File size should be validate before submitting, for example maximum file size 500 kb the validation error should be the same according to the form. Here is the url of demo, i already mentioned the jotform upload url with code inside the demo. http://alturl.com/ocm6v Please let me know yashmistrey[a]gmail.com
jquery slideshow.
Ijquery slideshow need to create a 5 image jquery slideshow On each slide i want the images i am going to use the cycle plug in for that. I also want text sliding away throughout each slide with a fade in effect and fade out effect. I need some video guidance for that or directions as how to proceed with that
Select box change event
Hi, I am new to jquery and try to use it for two simple functions on my page. Before i used Ajax but ajax didnt work on IE. So I am trying to get the value of a Selectbox on change and send it via get to another php page, this page echos the htmlinner for the second Selectbox. My first attemps to try out jquery didnt work. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <title>Softbox - Passwortverwaltung</title> <link
Contact to jQuery
Hi! Does anybody know if there is an email adress or a contact form to send a message to "jQuery headoffice" to ask them a question about licensing? Couldn't find an adress! Thanks!
how to pass a parameter to jquery script and set a file path dynamically
Hi everyone, I have a form that contains: <form id="fileupload" action="http://localhost/bootstrap1/blueimp/server/php/index.php?uid=16&" method="POST" enctype="multipart/form-data"> When the form page loads, previously uploaded files are supposed to loaded into a table using the jquery. getJSON method like so: // Load existing files: $('#fileupload').each(function () { var that = this; $.getJSON(this.action, function (result) { if (result && result.length)
How to make a multiple select drop down list
Hello, I would like to know how to make this ( http://www.atlassian.com/resources/better-together ) 2 drop down lists which makes content appear depending on both 2 selected items in the drop down menus, is there any documentation or already made plugin so I can use to achieve this? Please I need help!!!! THANKS!
fixed position issue
http://jsfiddle.net/rajkumart08/8p2mZ/2/embedded/result/ when i click the more options a popup comes but when i reduce the width and height if the browser using mouse... the popup does not move along with more options div... how to fix the issue pls help my code is here http://jsfiddle.net/rajkumart08/8p2mZ/3/
Show image by image from link
Hello I'm pretty new in jquery and I hope you help me. I have images on my server. With php read dir and create xml file like this: <?xml version="1.0" encoding="utf-8"?> <data> <link><img src='slike/aaa/Capture.JPG' ><br /></link> <link><img src='slike/aaa/IMG_20120806_190517.jpg' ><br /></link> <stevec>2</stevec> </data>I want that jquery get link by link and show image. When user click on button Next, show next image. Is this possible?
problem with sliding sub-menu
Hi i have problem with my menus... when i click the menus, then sub menu will be dropdown... but i want to change it to mouse over . not click~ what do i have to change it ? Plz help T_T --------------------------------------------- this is the jquery source ... jQuery(function($){ // Frequently Asked Question var li = $('.menu>.li'); li.addClass('off'); $('.menu .on').find('.depth2Wrap').show(); //li.eq(0).removeClass('off'); //li.eq(0).find('.a').show();
Onclick of an image, dropdown hide
Hi, I am need of a help regarding onclick image in a dropdown. When I click any of this dropdown, I am able to show the dropdown. When an user click any image inside the dropdown, I can able to replace the dropdown arrow with that selected image. But user need to click the next arrow two times to show the dropdown. This is screen shot of the actual, First Screenshot: Second Screenshot: Third Screenshot: My JS: -----------------------------Starts here-------------------------------- var icon ; function
replace text between tags '<' and '>' regex
Hi, I would like to replace this: e.g.: <p class='test'>....</p> with: <p class="tes"'>....</p> i.e., would like to replace all " \' " with " \" " using regex for all text between '<' and '>' . Regards
Next Page