|
JavaScript - Childelements - How Do I Get Only Certain Tag Types?
Hey all,
How do I get the childelements of a div, but only the child elements that are "ahref" tags? for example: <div id="someDivID"> <a href="somepath.html">link 1</a> <a href="somepath.html">link 2</a> <div></div> <a href="somepath.html">link 3</a> <span></span><div></div> <a href="somepath.html">link 1</a> </div> I want all the childElements under someDivID that are "a href" types... I am using prototype: I figured the following would work, but didn't. $('someDivID').childElements.getElementByTagName('a') any ideas? Similar TutorialsHello, I am trying to add radio buttons in this quiz script that i'm using, but when i change the drop down box to radio buttons the quiz script stops working, i.e it will not calculate the correct answers / percentage. I dont think i am correctly adding the input type "radio" and the script cannot recognise the value properly as i'am trying to make custom radio buttons from javascript / css. here is the script thats stopped working but how do i make the radio buttons send the correct value to the quiz script? Hope someone can help, i can add the css file if need be.. Code: <HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" />
<TITLE>Seventies Trivia Quizzes & Games</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language=Javascript>
<!--
function stopErrors(){
return true;
}
window.onerror=stopErrors;
// -->
</script>
<script language="JavaScript1.1">
<!-- Hide from old browsers
function quiz(form) {
var i = 0
var result1=document.form1.answer1.selectedIndex
var result2=document.form2.answer2.selectedIndex
var result3=document.form3.answer3.selectedIndex
var result4=document.form4.answer4.selectedIndex
var result5=document.form5.answer5.selectedIndex
var result6=document.form6.answer6.selectedIndex
var result7=document.form7.answer7.selectedIndex
var result8=document.form8.answer8.selectedIndex
if (result1==0){
alert("Question #1 was not answered");}
if (result2==0){
alert("Question #2 was not answered");}
if (result3==0){
alert("Question #3 was not answered");}
if (result4==0){
alert("Question #4 was not answered");}
if (result5==0){
alert("Question #5 was not answered");}
if (result6==0){
alert("Question #6 was not answered");}
if (result7==0){
alert("Question #7 was not answered");}
if (result8==0){
alert("Question #8 was not answered");}
else {
if (result1==3){i++}
if (result2==3){i++}
if (result3==1){i++}
if (result4==4){i++}
if (result5==3){i++}
if (result6==1){i++}
if (result7==1){i++}
if (result8==2){i++}
document.total.score.value = i
var per = Math.round((i / 20) * 100)
document.total.percent.value = per
if (result1 != 3){document.form1.check1.checked = true}
else {document.form1.check1.checked = false}
if (result2 != 3){document.form2.check2.checked = true}
else {document.form2.check2.checked = false}
if (result3 != 1){document.form3.check3.checked = true}
else {document.form3.check3.checked = false}
if (result4 != 4){document.form4.check4.checked = true}
else {document.form4.check4.checked = false}
if (result5 != 3){document.form5.check5.checked = true}
else {document.form5.check5.checked = false}
if (result6 != 1){document.form6.check6.checked = true}
else {document.form6.check6.checked = false}
if (result7 != 1){document.form7.check7.checked = true}
else {document.form7.check7.checked = false}
if (result8 != 2){document.form8.check8.checked = true}
else {document.form8.check8.checked = false}
}
}
//-->
</SCRIPT>
<style type="text/css">
<!--
body {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
-->
</style></HEAD>
<BODY>
<FORM NAME="form1"><INPUT TYPE="hidden" NAME="check1">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer1" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-1a0">
<input name="sample-radio" id="sample-radio-1a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-1a1">
<input name="sample-radio" id="sample-radio-1a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-1a2">
<input name="sample-radio" id="sample-radio-1a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-1a3">
<input name="sample-radio" id="sample-radio-1a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-1a4">
<input name="sample-radio" id="sample-radio-1a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form2"><INPUT TYPE="hidden" NAME="check2">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer2" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-2a0">
<input name="sample-radio" id="sample-radio-2a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-2a1">
<input name="sample-radio" id="sample-radio-2a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-2a2">
<input name="sample-radio" id="sample-radio-2a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-2a3">
<input name="sample-radio" id="sample-radio-2a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-2a4">
<input name="sample-radio" id="sample-radio-2a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form3"><INPUT TYPE="hidden" NAME="check3">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer3" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-3a0">
<input name="sample-radio" id="sample-radio-3a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-3a1">
<input name="sample-radio" id="sample-radio-3a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-3a2">
<input name="sample-radio" id="sample-radio-3a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-3a3">
<input name="sample-radio" id="sample-radio-3a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-3a4">
<input name="sample-radio" id="sample-radio-3a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form4"><INPUT TYPE="hidden" NAME="check4">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer4" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-4a0">
<input name="sample-radio" id="sample-radio-4a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-4a1">
<input name="sample-radio" id="sample-radio-4a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-4a2">
<input name="sample-radio" id="sample-radio-4a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-4a3">
<input name="sample-radio" id="sample-radio-4a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-4a4">
<input name="sample-radio" id="sample-radio-4a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form5"><INPUT TYPE="hidden" NAME="check5">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer5" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-5a0">
<input name="sample-radio" id="sample-radio-5a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-5a1">
<input name="sample-radio" id="sample-radio-5a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-5a2">
<input name="sample-radio" id="sample-radio-5a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-5a3">
<input name="sample-radio" id="sample-radio-5a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-5a4">
<input name="sample-radio" id="sample-radio-5a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form6"><INPUT TYPE="hidden" NAME="check6">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer6" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-6a0">
<input name="sample-radio" id="sample-radio-6a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-6a1">
<input name="sample-radio" id="sample-radio-6a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-6a2">
<input name="sample-radio" id="sample-radio-6a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-6a3">
<input name="sample-radio" id="sample-radio-6a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-6a4">
<input name="sample-radio" id="sample-radio-6a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form7"><INPUT TYPE="hidden" NAME="check7">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer7" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-7a0">
<input name="sample-radio" id="sample-radio-7a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-7a1">
<input name="sample-radio" id="sample-radio-7a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-7a2">
<input name="sample-radio" id="sample-radio-7a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-7a3">
<input name="sample-radio" id="sample-radio-7a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-7a4">
<input name="sample-radio" id="sample-radio-7a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<FORM NAME="form8"><INPUT TYPE="hidden" NAME="check8">
<b>1. Who wrote the Eagles' 1972 hit "Take It Easy"?</b><BR><BR>
<input type="hidden" SELECT NAME="answer8" SIZE=1>
<fieldset class="radios">
<label class="label_radio" for="sample-radio-8a0">
<input name="sample-radio" id="sample-radio-8a0" NAME="radio" type="radio" SELECTED VALUE="0"/>
CHOOSE AN ANSWER</label>
<label class="label_radio" for="sample-radio-8a1">
<input name="sample-radio" id="sample-radio-8a1" NAME="radio" type="radio" VALUE="1" />
Randy Meisner</label>
<label class="label_radio" for="sample-radio-8a2">
<input name="sample-radio" id="sample-radio-8a2" NAME="radio" type="radio" VALUE="2" />
J.D. Souther</label>
<label class="label_radio" for="sample-radio-8a3">
<input name="sample-radio" id="sample-radio-8a3" NAME="radio" type="radio" VALUE="3" />
Jackson Browne & Glenn Frey</label>
<label class="label_radio" for="sample-radio-8a4">
<input name="sample-radio" id="sample-radio-8a4" NAME="radio" type="radio" VALUE="4" />
Don Henley</label>
</fieldset>
</SELECT></FORM>
<BR>
<BR><BR><HR>
<P>That's it! Now click the "Submit" button to grade your Seventies music knowledge.<BR>
<form name="total">
<INPUT TYPE="BUTTON" VALUE="Submit" onClick="quiz()"> <INPUT TYPE="button" VALUE="Reload Quiz" onClick='parent.location="javascript:location.reload()"'><BR><HR><BR>Results:<BR><BR>
You scored <INPUT TYPE="TEXT" NAME="score" VALUE="" SIZE=5> out of
<INPUT TYPE="TEXT" NAME="outof" VALUE="8" SIZE=5> questions correct.<BR><BR>
Your Sco <INPUT TYPE="TEXT" NAME="percent" VALUE="" SIZE=3> %<BR><BR>
<HR>
</FORM>
<script>
var d = document;
var safari = (navigator.userAgent.toLowerCase().indexOf('safari') != -1) ? true : false;
var gebtn = function(parEl,child) { return parEl.getElementsByTagName(child); };
onload = function() {
var body = gebtn(d,'body')[0];
body.className = body.className && body.className != '' ? body.className + ' has-js' : 'has-js';
if (!d.getElementById || !d.createTextNode) return;
var ls = gebtn(d,'label');
for (var i = 0; i < ls.length; i++) {
var l = ls[i];
if (l.className.indexOf('label_') == -1) continue;
var inp = gebtn(l,'input')[0];
if (l.className == 'label_check') {
l.className = (safari && inp.checked == true || inp.checked) ? 'label_check c_on' : 'label_check c_off';
l.onclick = check_it;
};
if (l.className == 'label_radio') {
l.className = (safari && inp.checked == true || inp.checked) ? 'label_radio r_on' : 'label_radio r_off';
l.onclick = turn_radio;
};
};
};
var check_it = function() {
var inp = gebtn(this,'input')[0];
if (this.className == 'label_check c_off' || (!safari && inp.checked)) {
this.className = 'label_check c_on';
if (safari) inp.click();
} else {
this.className = 'label_check c_off';
if (safari) inp.click();
};
};
var turn_radio = function() {
var inp = gebtn(this,'input')[0];
if (this.className == 'label_radio r_off' || inp.checked) {
var ls = gebtn(this.parentNode,'label');
for (var i = 0; i < ls.length; i++) {
var l = ls[i];
if (l.className.indexOf('label_radio') == -1) continue;
l.className = 'label_radio r_off';
};
this.className = 'label_radio r_on';
if (safari) inp.click();
} else {
this.className = 'label_radio r_off';
if (safari) inp.click();
};
};
</script>
<P>Ratings:<br><br>
90-100% - "I Just Want To Celebrate"<br>
80-89% - "I Want To Take You Higher"<br>
70-79% - "One Toke Over The Line"<br>
60-69% - "What's Going On"<br>
50-59% - "Stuck In The Middle With You"<br>
0-49% - "Ball of Confusion"<br>
</blockquote>
</BODY>
</HTML>
This should be simple, but I can't quite get it to work without some kind of side-effect. I've checked the forum and there doesn't seem to be anything that directly relates. What I want to do is convert the text that a user is typing to uppercase as they type it. What I have so far: function convertToUppercase(aControl) { var cursorKeys ="8;46;37;38;39;40;33;34;35;36;45;"; if (cursorKeys.indexOf(event.keyCode+";") == -1) { aControl.value = aControl.value.toUpperCase(); } } <input onkeyup="convertToUppercase(this)"/> The problem that I have is that this moves the cursor to the end of the line after every character. If you want to go and add something to the middle of what you've typed, you can type one character and then the cursor jumps to the end. e.g. inserting "abc" between the "R" and "E" of "FRED" gets you: FRAEDBC What I need is either: 1) ability to get the cursor/caret position and restore it after I set the uppercase string -- or -- 2) ability to intercept the keystroke in the event and make it uppercase before the browser adds it naturally to the input's value. Solution should be browser-independent (if at all possible). I'm mostly interested in IE though. Thanks, Chris |
|||||||