how to code a page with code?
Let me explain... I am trying to make a gui for clients to edit a php page that displays html and javascript. I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc. Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file? it's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a
Selecting multiple elements and storing them in a variable
Hello, just a very basic question. Have a div (id - photos) with multiple images. 1) Does this select them all? $('#photos img') 2)If so, how can i capture this information? Like so -> var bunchOfStuff = ($('#photos img')); and 3) if so, why can't i do something like alert(bunchOfStuff.length) I realize there is something incredibly basic I just don't understand yet, but I can't seem to figure it out on my own. Thanks in advance PS - sorry if formatting sucks - I can't figure out how
How to select code ???
Hi, I am trying to create my own gui editor on how to reposition and delete html elements on a page. My question is can jquery select all html and javascript code associate by the id or name of the element of the html code. Lets say I have 150 images and want to delete image 40. I name all images element followed by the number out of 150. That way the code will select everything in the website that touches element40. This includes javascript and the html tags. It can delete the tag or edit it
How to clone the html text by using right click of the context Menu?
as title, is there any way to clone certain html text by right click the context Menu?
How to load form result in the same window?
Hi, I would like to know if it is possible to load form result in the same window after clicking the validation button. I know this method that load elements from the server on the current page after changing an input value. ( Using methods: change() and load() ) http://forum.jquery.com/topic/load-function-is-not-working-with-datepicker-input Is it possible to do same with forms, and which methods to use? Thanks :)
How to retrieve a Json object value using Jquery
I have a Json Object n wanna select one row based on id and name my testObject contains below data "{"id":"1","name":"Apple","isVisible":false}" "{"id":"2","name":"Orange","isVisible":false}" how to retrieve it effectively using jquery.I have tried for loop .But it gives memory leak(page is expired) If anyone have idea,please share some hint/code
calling a function - selector problem
When I trigger .thumbnail:hover span CSS, i want to do a function that shows the .overlay class. Here's what I have and i does NOT work. Any help?? Thanks in advance. Script: $(document).ready(function(){ $('.thumbnail:hover')( function() { $('.overlay').show() }); });CSS: --- start css --- /*POPup Image*/ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position:
Input text field validation
Good day! Guys.. i need your help again.. i don't understand this structure.. i know its for email validation, but how the line 1 works? and also if JQuery has this function? if (!/^[A-Za-z0-9_\.\-]+\@([A-Za-z0-9\-]+\.)+[A-Za-z0-9]{2,4}$/.test( document.forms[0]["email"].value)) { alert("Please enter a valid e-mail address."); document.forms[0]["email"].blur(); document.forms[0]["email"].focus(); document.forms[0]["email"].select(); return false;
basic math in form fields
Greetings, I'm having a problem with something that should be simple. I have a form with two text fields and a check box. If I put a number into the first text box I want it to be copied to the second text box. If I tick the check box I want the number in the first text box to be divided by 12 and put in the second text box. Thank you.
how to run a function simultaneously with animation?
hello to you smart peoples, how can I make a function work on an element while at the same time the animate method is applying to it? as example, I want to make an element that change its height and his background position move by 100px every half a second. thank you! AsafKey
PDF links don't work
I created a small PDF. When you click on a text link, it takes you to another page. This works fine in Adobe Reader on the PC, but in the Android device the link has no effect. Is there a special way to get these links working on a mobile device?
Can't return to app upon exit and restart
When you click on the link to a web site, close the app, then open the app again, it displays the web site instead of the app. How do you get back to the app? <li><a href="#" onclick="parent.location='http://twitter.com/Team_Associated '">Twitter</a></li>
Reading from a text file and outputting to a microformat
Hi, I'm getting to grips quickly with the power of jQuery but have it a bit of a problem. I have a design for a website which will utilise both microformats, moustach and jQuery in two ways. Effectively, what I'd like to do is something like this jQuery reads the text file (set up like this) photoName.jpg photoName_thumbnail.jpg caption text There can be any number of these jQuery and moustach interact and moustach (or ICanHaz) injects into the microformat I know how I can read from the text file,
new to jquery & help needed - first script works only in chrome! not safari and not firefox
hi all, i am new to jquery and this forum. i hope this is the right forum to post as i don't want to post on multiple forums to confuse people. i am working on a few scripts (basically putting together examples i've learned in javascript: the missing manual) that will turn the links in a home page to load pages from the same server. there are two such links in the page now. i want the home page (with the links as navigation menu) to load those links in a separate <div> on the same page without moving
Applying a CSS property from one element over to another
I'm pretty sure this is really simple to do, and it's simply goes to show just how much work I have to do learning this... but I'm trying to run a function that reads the css property of an element and copies it over to another element on click. I'm sure a huge part of my problem is that I'm still struggling to learn the correct syntax for things, but I'm sure it's framed like this: onClick: function() { (create var and set it as the value associated with "background-image" of current object) (apply
Render List returned via JQuery
Hello , @ Server side , I have a list into a bean . @ Client side , I use : function callJava() { $.getJSON("../reference/test", { name: $('#name').val()}, function(result) { // result is a bean that has a list alert(result.fooList.length); }); }I need to be able to render this list later via FreeMarker . What is killing me when I replaced this list with a String variable , it works fine like : function callJava() { $.getJSON("../reference/test", { name:
Basic jQuery selection question - open a hidden row
Hi @all, I like to open a hidden row from my HTML table but only the first/next/sub hidden row. At the moment the solution will open the hidden row but in sequence (you can click on any link) my HTML Table: <table> <tr> <td> <a href="#" class="AssignTask" ><strong>ToDo</strong></a> </td> <td># 1</td> </tr> <tr> <td class="popupForm" colspan="2">#1 Hello World</td> </tr>
IE (only) issue with datepicker, validation ok
I am a newbie but getting sold on jquery! The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and Chrome. Datepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE? I appreciate any help. //// page code follows //// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
is an outbound POST possible from inside a jQuery function?
I have a specific problem in passing a string from Autocomplete to a php script, but in doing a lot of research, I'm getting a hint that the problem may be general with jQuery functions. The code below does not work, in that php prints 'country is' but not the string variable that is received via POST. After hours of searching, I found an Autocomplete documentation section that says its about plugins, but its not, its really about further options and features of Autocomplete that are not mentioned
<script>...</script> for $("").focusout function in <body>-Tag but not in <head>-Tag
Hi I tried the focusout-example ( http://api.jquery.com/focusout/ ) and it worked fine. My question would be why doesnt it work when I set the <script>...</script> in the head-Tag? Gotta be easy to answer but even when I set the code into the $(document).ready(function() {} it doesnt work. Im afraid my code will be horrible to read when I place the script-Tag after several inputs... Heres the original code from the example - works: <!DOCTYPE html> <html> <head> <style> .inputs { float: left; margin-right:
show/hide single div with multiple links
I am getting to know jquery a little, and I am trying hide and show a div when a link is clicked. I have a page setup that has a flash video in a div on the main page. Then when a link is clicked, a lightbox window opens and plays another video. I am trying to get the video on the main page to hide while the lightbox video is playing. Then when a user closes the lightbox window, the div with the main video on the page is shown and starts playing again. So far I can get this to work with one link.
easing issue
Hi, I managed this code from different tutorials and a lot of reading here on the jquery site. Everything is working as it should for now except for the easing effects...can't get it to work. What am i doing wrong? thanks for any help $(document).ready(function(){ var $contactb = $('a[href*=#fourth]'); var $skillsb = $('a[href*=#second]'); var $workb = $('a[href*=#third]'); $contactb.click(function() { if (location.pathname.replace(/^\//,")
Navigating among HTML pages
I am using O'Reilly's book on building apps with HTML, CSS, and Javascript, http://ofps.oreilly.com/titles/9781449383268/ch04.html It uses jQuery. Chapters 4 & 5 show us how to use a database. It really works well! I'm making small changes to fit my own mobile application. I've run into one problem: The page has <li>'s to link to anchors on the same page, like this: <li class="arrow"><a href="#dates">About</a></li> However, I want to link to another html page. I find I'm unable to do so. The following
.post and json
So i have a div where inside there is a <ul><li>item1</li><li>item2</li></ul> and when i click on each item1, item2 i send via .post into a file each <li> text as json $(".ul_container_div").find("li").click(function (){ var a = $(this).text(); $.post("ajax.php", { test:a } ,function(data){ console.log(data); } ,"json"); }); what i get on firebug is: Object { test="Test1"}when i click on item1 and on ajax.php
Difference b/w with contents() and with out contents()
Could you please, can any one clarify this..... $("#divID").contents().find("span#spanID"); and $("#divID").find("span#spanID");
Need help related to jquery
Hi, I'm new to jquery. I need to create an application which is similar to http://suprmarket.net/themes/gridalicious/ link. Can anyone help me to build this sort of application. Thank you.
How to modify JSON object using jquery
I have a Json Object n wanna modify the isVisible property my testObject contains below data "{"id":"1","name":"Apple","isVisible":false}" "{"id":"2","name":"Orange","isVisible":false}" I wanna modify isVisible=true I have tried the below code, but its not working $(testObject).each( function() { this.isVisible = true; });
Datepicker works only FF and Chrome
I love the custom datepicker. It works and does not inhibit Spry in Firefox(3.6) and Chrome(10). However, it is not working in IE (9,8.7), Safari (5) or Opera(11) with Spry Validate also inoperative - unless I remove the scripts calling the datepicker...then validate works, but the datepicker does not, of course. I do not use Spry Validate on date/datepicker field. I have the following in my head section and hope someone will provide basic guidance. This is way over my thick head. Thanks, Chrissy
My first jQuery and need some help optimising
Hi everyone ... I'm pretty sure this will be an easy answer that has been answered before however I'm not even sure what I should be searching for in the forums... so I'm working on my first jQuery site and it is all working, but my code is becoming long and I'm sure there is a way to reduce it. So basically I have a heap of DIVs labelled DIV_L1.. L2... L3 etc etc. Each one changes the content inside my main div called DIV_Video. It also changes the caption. As far as I can tell it is working, but
Loading external content into a DIV?
Hey guys, I'm trying to build a web portfolio and I want to be able to load content into a div by clicking on menu items. It seems easy but none of the tutorials or videos work for me. It really is starting to piss me off because all the links on my google search have been visited and still nothing works.
DropDownList selected value set by jQuery doesn't hold value at postback
I'm new at jQuery and I'm running into a problem where the value I select in a dropdownlist doesn't hold once the postback is hit by a button. My dropdownlist: <asp:DropDownList ID="_ddlGender" runat="server" > <asp:ListItem Text="" Value=""></asp:ListItem> <asp:ListItem Text="Male" Value="M"></asp:ListItem> <asp:ListItem Text="Female" Value="F"></asp:ListItem> </asp:DropDownList> Here's my jQuery code: <script language="javascript" type="text/javascript"> $(document).ready(function
Animating a dropdown menu
So I have done this meniu and I have 2 problems. 1. When I hover on a link, it does 2 animations, but when I "unhover", it doesn't reset the default values also with animations. I kwon the problem might be the display none in the css, but I really have no ideea how to get around that. 2. As I sed above, when I hover on a link, it does 2 animations, but when I move the cursor to a nother link, it doesn't "re"-do the animations anymore. Hope my bad english didn't confuse you to much, appreciate any
NEW (MVC PLUS) LIBRARY OVERVIEW.
MVC PLUS library is the most advanced component set exists now, in this long video (39 minutes) you will see a demo of it in .NET version , another java version is exists also. (if you dont like to see the way of MVC development just simply go to 23rd minute of the video) VIDEO Link is: http://www.screencast.com/t/HP0SqOATe6eC any question: ryansamiee@gmail.com
Vote system
Hello. I have problems with vote system. I would write same vote system as on bash.org.pl. + and - are linked to controller 'vote', when i click on them, div called for e.g. 123_vote(where '123' is id of object) will refresh with new value loaded from database, and div 123_msg will refresh with message. I'm using codeigniter framework. Need help, sorry for my english.
Lost again - datepicker output format
Where is the date format changeable in a custom downloaded datepicker? I only find jquery.ui.datepicker.js in the development-bundle folder of the download. How can I change - simply, I am new - the date format to m/d/yy. More correctly -- where? Thanks.
Hide or remove based on content of different div onLoad?
I'm pretty new to jscript and jquery (long-time PHP programmer, though) and I'm stuck with how to properly evaluate a value in a document onLoad. Caveat - I am working on this via a CMS (BusinessObjects), so don't have 100% control over what's passed in to the page. HTML: <div id="home_alert"><hr /> <h2>MEMBER ALERT!</h2> <p><a href="/member-home.htm">LOG IN to read new items!</a></p> </div> <div id="member-alert-announce">{module_announcement,i,31801,true,,}</div> if {module_announcement,i,31801,true,,}
Formating list (li)
Hi Guys, Just started out on JQuery, now I have a simple problem. I am getting data via a php script and formatting them with "<li></li>" tags, but when populated the li wont format correctly. Here is a quick link so you can see what I am talking about. Demo what I want to know is how to have the right menu be like the left.
Can you set an onclick event with jquery passing a variable as a parameter?
what i want to do- $("#temp").mouseover(bubble(i,i)); i is created from a for loop, and bubble is a fairly large function so not interested in redeclaring it just for this statement ive tried something like $("#temp").mouseover("bubble("+i+","+i+")"); but did not work, any ideas
Newbie needs a little help on getting started with themes.
Someone please help me. I know nothing about jquery and I am very much a beginner with css and html and I am working in Dreamweaver. Very much an amateur. I am trying to theme datepicker - I download the theme and move contents to jquery folder where my calendar stuff is now - a partially css-modified-by-me version is housed there and works fine, just looks terrible. When I use the links provided in the download setup instructions I get an un-styled calendar. I have tried every linking combo as
Showing a div below the link making an ajax call
Hi, Trying to make a "<div />" show up below a link that have been clicked. Using delegate since there are multiple link on the site and I want to show them below the linked that is clicked. I having a hard time figure out what the best/right/optimal way is to do that. Since I'm by no means a jquery expert yet. I have tried using the position, and that does position the <div /> the right place, but now I'm having a hard time doing the slideDown. This should first display that its loading. If its
Next Page