I try to create the following:
2 buttons next to each other, on a webpage
button 1 makes (onClick) text 1 appear just beneath the button
button 2 makes (onClick) text 2 appear just beneath the button
in each of the texts at the end there's a third button to make the text
dissappear again
IS THIS POSSIBLE? HOW?
I have a checkbox named "sales" that I want to make a input field required only if it is checked. The input field name is "telephone".
View 7 Replies View RelatedI have been practicing using canvas to make designs. My current code below will load the word the user inputs and makes it bounce around the canvas as well as a text spinner. However, whenever the user inputs a second word, the bounce below stops to start a new one and the text spinner messes up. so when the user inputs another word, that it either reloads a new textspinner or adds another one, as well as just add the word to the canvas without stopped the old one.
[Code]...
The Farbtastic color picker is an elegant solution to the color-picking problem, but its usefulness is prohibitive in those situations where there is not enough screen real-estate. Because it is large, these are many. Since I want to use it in such a situation, I started working towards a solution.
The designed solution involved in clicking on something small, such as Click to Activate, and having the rest of the page become faded-out, while the color-picker appears superimposed over other parts of the page.
That solution is implemented up to a point. In the code posted:
- The trigger appears as part of the original DOM.,
- Clicking the trigger makes the page text fade, the color-picker appear, and the trigger changes to something like Click to Deactivate,
- Upon clicking, it does disappear, and the page text resumes it original appearance..
After this point, one might work towards making it more modular and more easily usable as is farbtastic itself.
It requires a var to hold state, and other things. Ideally, it could be combined with the original to offer a wider range of usage patterns. I have no doubt that the code can vastly be improved, since I am relatively new to jquery, although not to computing.
The code is posted below, in the hope that it proves useful to others, The only change made to the farbtastic.js code itself is to add "id='fbc' " to the outermost <div which is added internally. This change is not shown because it would involve posting all of farbtastic.js for this one change. The section of text used to illustrate presumed page content is from the NSIS Users Manual, and has no significance beyond being some text. The div named 'overlay' was employed to allow shifting the whole thing around as a unit relative to the trigger but might be eliminated were that not needed, since everything else works without it, Note also that the input#color from the original farbtastic has been replaced by 'repeater' which is a <div, but seems to work ok to get the color info.
I am new to javascript, and am having an issue, which I'm sure is elementary.. I found a script for expandable content, it suffices fine. As it stands, the script toggles images onclick. For example, whence the menu is collapsed, it displays "plus.gif" next to it, and when the menu is expanded, it displays "minus.gif" next to it.
Basically, what I would like to know is, thus: how would I change it to display text icons next to it? For example, in place of "plus.gif" I should like it to display "+" as actual text. I've dredged a number of places, however, I've found nothing. Furthermore, I cannot figure out how to do it.
I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right
<script language="javascript">
fields = 1;
function addMore() {
if (fields = 1) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";
[Code]....
I have a json encoded array
[Code]...
http://9publishing.co.uk/test/xml/jquery/
The links at the top load XML/file/content into the DIV. This works ok.I then want the images (from 2nd link) draggable to the right hand menu. It doesn't work.However if I select everything, view source code, save the file and view it (http://9publishing.co.uk/ test/ xml /jquery/jj.asp ) it works fine!
P.S. The code that loads the content into the DIV is:
javascript Code:
var xmlHttp
function showCD(str)
{[code].............
The application works fine but it makes the user enter the answer twice before it brings up the question "Would you like to continue?". I thought the fix would be to just call "myMH.checkAnswer(studentAnswer);" straight from the method in the "appclass" but that didn't fix it I m so lost on this problem. This problem most likely is right in front of my face but don't see it lol. I have another question as well but I think if I get this one figured out first it might answer my other one.
View 2 Replies View RelatedAlthough there is nothing essentially wrong with running Javascript server sided, what makes php a favorite over Javascript in this sense? What may draw users to use Javascript server sided?
I have some experience now in PHP but I have not experienced Javascript to it's full extent.
I have a script that makes a link a different color on click, i would like to add a hover color to the links that are NOT active. Script below.
function activate(el) { var links=document.getElementsByTagName("a"); for(i=0;i<links.length;i++) { if(links[i].className=="toggle") { links[i].style.color="#999"; } } el.style.color="#DF8700"; }
[code].....
I have a user name, password, phone number etc., that all need to be validated before being submitted. The functions filter out the unwanted characters and null and zero length strings. I did have a pop up that listed the errors but I would prefer them to be listed below the log in screen that is a hidden div.I cannot get it to work.The validation works fine,
<html>
<head>
<title>WebCheatSheet - JavaScript Tutorial</title>[code].........
I am attempting to make a toolbar to allow access to ryanairs website to check for latest flight prices. Here is the code:
ryanair.jar/content/contents.rdf
<?xml version="1.0"?>
<RDF:RDF xmlns:RDF="http:www.w3.org/1999/02/22-rdf-syntax-ns#"
[code]....
I use mootol dropdown menu, The script works ok in ie6,7,8 and FF.
But when I add properties
Code CSS:
filter:alpha(opacity=80);opacity:.80;
to the CSS, the script fails to work in all ie version.
here is the link: [URL]
We are developing a web page that shows large graphics. To provide more screen space for the graphics, we allow the user to popup a window that places itself over the top part of the browser. This popup contains a control panel that tells the main window what to display.
Because we don't want to require that the user continually ALT-TAB to go between the main window and the popup (all user controls are on the popup) in the control panel popup, we have the following:
in the function called by onLoad in the popup, the following line is executed:
window.onblur= keepFocus;
later in the .js file we have:
function keepFocus() {
self.focus();
}
The problem is that when the user tries to use a dropdown select control the list drops down and immediately rolls back up, making it inoperable. This doesn't happen in the Netscape/Mozilla family or browsers. Nor does IE report an error.
I am using the Cycle Plugin on my website, [URL]. For some reason, and only on IE, when the cycle action occurs there is a clicking sound, like the clicking sound when the user clicks on a page hyperlink. The sound happens before the cycle action starts and when it ends. why this is happening and how can I prevent it from making the clicking sound?
View 3 Replies View RelatedI am using JQuery Validate Plugin and it working perfectly but the problem is for error place when error message come it make my form display look bad due to error.
I will explain you howThis is my screen when the page is load
Now when I press the Add New Company Button
You can see that look is getting bad. What is the solution for this. how can I stop this.
I am using DIV for each label and text.
I have this table:CREATE TABLE IF NOT EXISTS Assignments (uid TEXT PRIMARY KEY ON CONFLICT REPLACE, instruction TEXT, start TEXT, stop TEXT, createdTimestamp TEXT, theTimestamp TEXT, taskID TEXT, resID TEXT, flowID TEXT, flowDefID TEXT, currentState TEXT, iconRef TEXT, colorRef TEXT, dispatched BOOLEAN, inStartState INTEGER, inStopState INTEGER, writeLock INTEGER, workItemID TEXT, companyID TEXT, metadata INTEGER)
The thing is that when making a insert and then going to the development toolbar in chrome and look at the storage tab and look at my table. Depending on what is in the table chrome crashes.I drop the table between the executions.The difference here is that "theTimestamp" is something rather then empty. If I set theTimestamp to '10/15/10 3:07 P' it works. But just adding that last M or any other letter will make chrome crash when you try to look at the table. Whether it is by navigating to the table with mouse clicks or writing a select * from Assignments statement.
I have an onclick() event handler wherein I want to change a value that then
needs to be shown in a textbox on a form on the page......can anyone show me
how this is done?
I have the following code:Code:<input type="text" name="email" value="Enter your email" nclick="document.contact.email.value =''" id="email"/>This works good, however I only want to make the value blank if it equals Enter your email, if it says anything else I don't want it to do that.
View 4 Replies View RelatedI am using prototype to add a "blind" up and down functionality when I click on a table element.
Now, i would like to toggle the [-] in the "altlink" span to match the state. Ie, if a person clicks on the table, the "formhide1" span will collapse, and the [-] should turn into a [+]. Visa versa, when the now collapsed "formhid1" span is expanded the [+] should turn into a [-] Code:
I have made a page thats makes an AJAX call to the server gets the time and displays it. In the OPEN method i have set
req.open("GET","/timerProg.cgi?param1="+new date(),false);
I have set the last parameter as false as i am expecting a synchronous request so that time displayed should be consistent.
I am using new date() since the browser is caching my request and displaying the same output everytime as i dont know any other alternative.
The alternative so that browser does not cache the results and gives proper output each time.
I would like to have a text link do 2 things:
1. Change #box1.style1 to class="style2" (from style1)
2. Change #box2.style2 to class="style1" (from style2)
So the text link would not change its own style, but change the class of 2 different divs
I use scriptaculous to retrieve the hotel names and area names from database in this page. My question is where it says step 3, Search for hotel, chain or location!. Type in syd for example and you see how it retrieves the values from database and shows them underneath. It works fine and the list is generated beautifully. Now I have to add the next step which is filling this text box (from step 3 where you typed syd in) with the value (of the item clicked on). For example once you typed sydney, if you click on Sydney, I want the text field to be filled with value sydney.
View 4 Replies View RelatedI've created two form fields (username, password).When a user comes to the page, the word "Username" is shown in the first form field. The word "Password" is shown in the second field. When a user clicks inside the field, the word inside the field erases automatically, allowing them to type in their username. Everything above is working, except I'm running into some problems.
1st: I need to figure out a way to include an if statement, that displays "Username" once again, if they did not type anything in the username field, and they clicked outside of the field. This will be the case for the Password field as well.
2nd: If a user types in their username in the username field, then types in their password, but clicks on the Username field once again to fix a typo, it completely erases their username from the field, making them have to type it all again.
My site inventive.webs.com/ad-hoc contains lists of activities. When a user double clicks on an activity, the text will change to textbox, then double click again on the textbox to return to static text, which is so far working properly. What I want to happen next are:
1. Textbox must return back to static text when user clicks anywhere on the body.
2. When there's an existing textbox, it should return to static text when another activity list is being double clicked.
[Code]....