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?
Been on the lookout for a DHTML tool top style layer popup script that follows the mouse around the screen. I'd seen iton a page last week and someone asked me about it today and I couldnt find it (Google / DynamicDrive etc).
View 2 Replies View RelatedFor some reason I cannot get jQuery.css('name') to return a style property that was assigned by a class. However, it returns the property if it was assigned by style="". Has anyone else run into this issue? Bug?
Here is my test code:
I ended up having to preset style with JavaScript.
Here is what I did.
CSS Code:
JavaScript Code:
HTML4Strict Code:
The first time I hit toggle, nothing happens. The second time I hit toggle, the hidden list appears, but only because I used JavaScript to set the display property.
My workaround is to do this in the HTML after the element to be toggled.
JavaScript Code:
Putting this code in the elements onload event property didn't work either, which I found odd, but I read that it was not the recommended way of doing this.
I can't figure out why the CSS declaration didn't load into the JavaScript HTML DOM. I suspect it's some sort of order of execution thing, like the difference between the two following function declarations.
JavaScript Code:
I do not really understand what is happening to my code but it just tell me the following code...
How could the movingword be null when I have declared it in my code? :confused code...
i have a top navigation bar with a clickable down arrow. once clicked a drop-down will appear. there are about 5 to 6 click downs. the content in the click downs are store in an external html file and i use an iframe to display it. so if 1 arrow is clicked content will show and if another is clicked while the 1st stays open, it should replace the 1st one. <snip/> I am getting an error that says TypeError: Cannot read property 'style' of null. the code line it's referring to is the one below with the stars:
[Code]...
So I have a table. With jquery I change border properties of several td. If later on in the code those same td have their background color changed by jquery, their borders return back.
Even if nothing is changed, nevertheless after some time some of the borders would seemingly randomly suddenly show up. I am working on a maze so this really spoils the game.
Code:
if($("crush",xml).text()=='1'){
border1=$("border1",xml).text();
border2=$("border2",xml).text();
[Code].....
I 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?
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?
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?
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'm trying to get rid of some javascript errors related to fadein/fade out. If you go to my test site here [url]... you will see the green ticks and red warning boxes working fine when entering information, but I get 92 (!) errors when checking the error console. [code]...
I have added some style="opacity:1; background: white;" properties to my HTML thinking that was the problem, but it makes no difference. Still getting the error related to line 124.
I am writing a Javascript UI component. I have already written a
"disable()" method for it, but I would like to go one step further in
order to make my component as compatible with existing HTML controls as
possible.
With standard HTML controls we can do this:
myTextField.disabled = true;
and as soon as this property is set, I assume there is a property
listener of some kind that is invoked to change the appearance and
value etc of the control.
I want to write my own 'property listener' to do this with my control.
Can I do it in Javascript or is this too "low level", requiring code at
the browser implementation level?
Is there a way to make one property an alias for another? This would
mean that if the value of the original is changed then so is the value
of the alias. I tried the following example and it does not give this
type of behavior, of course. Code:
I have several tags on a webpage of the same class. If the user clicks a
specific checkbox I'd like to be able to alter the display property of the
class, affecting all objects of that class.
This is an intranet application so we know that javascript will be enabled
and the browser will be IE.
How can I affect all the members of this class? Is there a way I can toggle
the DISPLAY property of a class so all the elements using that class would
be affected? Code:
I have situation that when my page is loaded i create js object
<html>
...
<script>
function Page() {
this.page = 0;
this.result = 0
this.resultCount =1;
this.currentPage =1;
}
MyPage= Page()
</script>
then in my javascript function i use object like this:
function getPage() {
if(!MyPage) {
MyPage = new Page();
}
return MyPage;
}
but there is one problem: MyPage lost one of the property, currentPage.
When i do alert(MyPage.cuurentPage) shows mi undefined. After object
initialization everything seems to be alright, currentPage is set to 1
but when i Try use MyPage in my js code is already set to undefined.
What happen? What I'm doing wrong?
I have following css code in a html file:
<style>
.myClass { color:red; }
</style>
How can I extract the value of the property "color" from the class "myClass"?
Pseudo-code (which of course doesn't work), so you get the idea:
<input type="button" onclick"alert('The CSS color is '+document.style.myClass.color)">
can someone please show me how to set the following conditions for this DIV tag?
<div style="position:absolute;left:0px; top:0px;" id="changeme">HELLO WORLD</div>
I want to be able to change the position to 'relative' and the top
position to negative '-100px' with javascript...
For a application I am writting I need to make some table columns apear and disapear by clicking on a link. I do this by changing the "style" property in the <td> tag.
The HTML is generated by ASP.NET, which automaticly sets the style property of the <td> tag to the right value. and makes links to the right Javascript function call to change a specific property.
This is the HTML output of 2 table columns: Code:
i created two images , one to display when during 'event.mouseout' and the other during mouseover
Both images are the background images of a td element.
I created a javascript :
document.getElementById('bg_image').style.backgroundImage=url('sample.gif');
it works fine in Internet Explorer but doesnt in mozilla or opera
I'm using the following function to access elements with specific attribute values in an XML file. These elements then also have child elements, which contain the required data to be rendered as HTML. Code:
View 5 Replies View RelatedIk want 3 radiobuttons (from the same group) to be hidden. They may appear when I check a checkbox in the same form.
When I put the radiobuttons al in 1 DIV, and use style='visibility='hidden' or display='none' with an onclick() it works fine with IE.
The problem is that mozilla firefox doesn't hide the elements.
Someone knows the solution?
In Bourne shell, you can do
Code:
for x in `foo bar grill` ; do
echo $x
done
and in Tcl I can do:
Code:
foreach e in { foo bar grill} {
put $e
}
but in JavaScript, I end up doing:
Code:
var l = [ 'foo', 'bar', 'grill' ];
for (var i in l) {
var x = l[i];
... do something with x...
}
Is there an idiom for looping over a fixed list of things in JavaScript that doesn't require creating a var before the loop?