Is there a way to change the displayed text on a web page using some
combination of Javascript and DHTML? NOT in a text box. As far as I
know (with my limited knowledge) the only way you can do this is with
a textbox or images, which is not what I'd like to do. There's gotta
be a way to do this, right?
i have created a keyboard that works and inputs the values pressed into a text box, i have then tried to expand on this and create a keyboard with multiple layouts that dynamically change when a button is pressed, i have done this by having an iframe within the page and calling the parent function but it will no longer input the text into the textbox. The CSS styling also works in Safari but won't on firefox.
View 1 Replies View RelatedIm making a quiz with some javascript and when the user hits submit I want a table cell to display that questions have been missed and to provide a link to the pages that hold the information. Can I do this without using DHTML?
View 1 Replies View RelatedI have a form that will display either text boxes to edit a start and end date or just display nothing depending on the selection from a <select>. I am using JavaScript and DHTML to accomplish this and the code below works fine. When the page loads my <select> will have a value already.
My question is how do I get the correct block of code to show up when the page loads depending on what is already selected? I can't use an onLoad in the body tag because I am unable to edit the body tag. Code:
I am testing in IE7.
I display one of several spans when the user mouses over some code.
Inside the span are several tabs. Clicking on the tab triggers a JS
function that hides the "current" text for the span, then shows the
"new Current" box. It's a constantly revolving door- turn off old,
turn on new. Switch from one span to another and reset the fields.
When I switch between different "spans" then switch back, there are
ghost form elements on the screen (a text area, a blank button) that
appear near where they should be. The section that I was last on does
not display. This occurs when switching between different spans.
HOWEVER, when I set a javascript alert to display what the old visible
and new visible divs are within each span, none of these problems
occur- everything displays correctly. It's as if the alerts "reset"
the javascript display in some fashion. The errors only happen when
the alerts are not on.
Does anyone know why this might happen or if it's a common occurence
that these problems disappear when an alert is used? If I don't use an
alert, how do you display JS variables during testing. Here are some
of my JS functions. Code:
Is DHTML a language? or is it a composition of JavaScript and css? Does Java(not javascript) has something to do in it?
What is actually the best to create client-side dynamic pages?
I know JAVA is used to create applets but I am not sure of wich is the most powerful....
Also, wich are the newer versions of all the above languages?
When I trying to do:
this.ctrl.style.display = 'block'
Firefox scroll area to the top, but IE not. I think that's bug. Maybe
anyone knows how I can fix that?
I have a word bank for a javascript crossword puzzle I'm working on. What I
want to do is when a user clicks on a word in the word bank, it crosses
itself out. I have tried:
<a href="javascript:this.style.textDecorationLineThrough">text here</a>
to no avail. does anyone have an idea on how to do this?
Anyone trying out the javascript drop down menus from the Sitepoint Javascript Anthology book might have noticed that in IE7 the sub menus are misaligned, they are offset to far to the right.
Has anyone else come across this problem and does anyone know how to fix it? It has unfortunately broken several of my menus, though if you just try the demo menus from the book in IE7 they also suffer the same problem.
I am looking to use a spell checker in my multi-field forms and am trying to
find something open source and easy to install and use.
It could be either AJAX, DHTML or Javascript.
I've got the following, very basic, working DHTML code...
But I want the final answer to come up as text on the screen rather than as an alert pop-up. Any idea on how I'd do this? I'm very new to web development (been working on it for a day)
I'm currently trying to implement expanding text to links. However, as the links are created dynamically I need to be able to make the DIVs Id-tag 'general' in the script.So, instead of this:
function pageLoad() {
collapseAll($('myvar_1','myvar_2','myvar_3));
}
[code]....
Below you will find my code for a web program that takes in changes and will change the last area. I am wondering if i need to make the last box a textarea? Also any help with the javascript will be greatly appreciated and any other ways to make it better will be also.
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
[code]....
This is my first post here. I'm not well versed in JavaScript, so I'm not sure how to do all the following things: (1) set up a horizontal menu with (2) + and - images as bullet points, such that clicking on the bullet points (3) changes + to - and vice versa while (4) a single-level drop down menu makes text disappear and appear.
It should look like this:
---------------------------------------------
[+] Option A [+] Option B
[code]....
I am a complete novice when it come to Javascript. I copied the script for displaying random images at a specific interval (from javascriptkit.com). I would appreciate knowing whether the following is possible:
The pages are based on tables, so the parts that change are all cells.
1. Can I define text instead of an image in the array? i.e. can I have the image change to say an apple in one cell and the next cell have text explaining what an apple is?
2. Would it be possible to put a countdown timer for when the image/text is going to change?
Basically, I'm trying to make a "chat-like" updater with javascript.
html.html includes the following:
<html>
<head>
<script>
var t;
function getData () {
document.getElementById("dataStore").href = "test2.html";
}
function update (message) {
getData ();
document.getElementById("txt").innerHTML= message;
t = setTimeout ("update ()",1000);
}
</script>
</head>
<body onload="getData()">
<div id="txt">hello</div>
<script id="dataStore" type="text/javascript"></script>
</body>
</html>
The file that it should get variables from is from test2.html, which is below:
var updateData = "hello!dasd";
update (updateData);
For this example, basically - I want javascript to change the "hello" in test.html to "hello!dasd" found in a variable in test2.html. This should keep asking for new updates from test2.html (which will be dynamic with php).
This should be simple, but can I change parameters like the url coming
in:
www.testpage.com?test1=a
<script>
document.setParam("test1", "b");
</script>
something like that? I want the parameter to change based on the code..
I am looking at ways of altering the appearance of web pages by calling alternate external stylesheets. This has obvious use in catering for accessibility issues.
There are existing sites that offer the facility to change font size, font colour, background colour, but these use server-side code. I would like to do this using client-side code, because I want to intergrate this with an HTML-based virtual learning environment (VLE) that is unlikely to accept server-side code.
I can obviously call a second stylesheet, which overrides that called in the <head> part of the HTML code. However, I cannot do this by user control using an <a href "javascript" ... call.
What is going wrong? As I have indicated in the comments in the file, the 'document.write' statement works in its own right to call a new CSS file. The function also works in its own right. However, the href doesn't do what I expected.
However, that is just the start. If I can get this to work, I would like a way of passing the 'new' stylesheet to other pages, so that the user selects their options once and then sees the same appearance in all pages in the VLE.
I have a small problem this my javascript. I want it to change the url/src of an iframe I have on the screen, but I can't find anything that works.
var newiframepath = "http://newURL.htm";
frames['iframeName'].location.replace(newiframepath);
I also have this (again doesn't work):
var newiframepath = "http://newURL.htm";
iframeName.location.replace = (newiframepath);
Can anyone help?
I have bigpage.html that has the text "click" in it. Also, it contains the iframe small.html.
In small.html there is the text "visible"
How do you get it so that when you click on "click", "visible" changes from black(default) to red?
I have a border around some images. Basically what I need it to do is change colors when you click on one, and deselect the old one.
View 4 Replies View RelatedI would like to be able to write some code in Javascript preferably
(PHP is also all right) which allows the admin of a website to be able
to change stylesheet attributes from a GUI browser interface without
having them to change the text file themselves. (i.e., working on the
supposition that the admin is IT illiterate). Simple things like
table heading colours, backgrounds, font sizes need to be changed this
way.
The browser should then read from the changed textfile the next time
the site is refreshed and it should therefore be permanent. Is this
at all possible? If so, how do I update the textfile?
This may seem like a very strange question but is there a way to change to a random song in itunes using javascript?
View 4 Replies View RelatedI have the following code:
<script language="JavaScript">
function func1() {
alert("func1 invoked");
}
function func2() {
alert("func2 invoked");
}
function changeFunction() {
var img = document.getElementById('img');
if (window.addEventListener) { // Mozilla, Netscape, Firefox
img.addEventListener('click', func2, false);
}
else {// IE
img.attachEvent('onClick', func2);
}
}
</script>
<img id="img" src="test.jpg" width="10" height="10" onClick="func1();"></img>
when the image is clicked with the mouse, function func1 is invoked as expected. When I call function changeFunction, I want to change the code that is invoked when the image is clicked from func1 to func2. Instead, both are invoked because addEventListener and attachEvent add an additional handler instead of setting one.
I am looking for a way to change the handler from one function to another. Can anyone think of a solution probably using removeEventListener?
I want to change from:
a:hover { text-decoration:none; color:black; }
to
a:hover { text-decoration:underline; color:blue; }
using javascript ....
how would i go about changing the background of a row in a table that has colums when a check box is clicked...i can change the colour of a single column but how can i change all the columns in a row? ive heard about this "get prarentnode" thing but i dont know how to use it.
View 7 Replies View Related