|
JavaScript - 'button' Bug (caused By Ie8?)
some js cannot work correctly (not sure whether it is caused by the browser IE8)
cannot change the 'value' of a button dynamically: e.g. document.getElementById("bigbutton").value=event.clientX on IE8, the button doesn't change. however if i use xxx.innerHTML=event.clientX then it works anyone help explain? thx Similar TutorialsHello, We have a "Rate This Page" at the bottom of all of our website pages [URL]http://jpl.coj.net[URL] The form was created with javascript and has an associated asp file. Can Captcha even be put into a form created strictly with javascript? It's gotten out-of-control....we're getting approximately 1 spam every minute. I've attached Word docs with the code associated with the form. In every page is the following code: [CODE] <a href="javascript:void(0);" onclick="sendFeedback(window.location);return false;">Rate This Page</a> [ICODE] Thank you for any help you can give me, Elbee Hi there, I am having a problem with IE rendering the font of my website poorly, but only when the javascript code is allowed... The website is he www.thelivingsacred.co.uk And as you can see, there is a huge difference between IE8's rendering of the site once the scripts are allowed, and before, as well as a difference between IE8 and Firefox. Please could someone explain what's going on? Hey guys. This is vague because I dont know what exactly to tell you but please reply with me so I can fix this. I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image) I do not know how to achieve this but shouldnt be too hard. Here are the two sources you will need to look through to help me fix the forum. http://neoweather.com/FWFORUM.JS http://static.websimages.com/JS/fw.js THANKS Hey guys. I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image) I do not know how to achieve this but shouldnt be too hard. Here are the two sources you will need to look through to help me fix the forum. http://neoweather.com/FWFORUM.JS http://static.websimages.com/JS/fw.js THANKS Hi, I am not entirely sure what I am doing wrong here, and I have been looking at this for ages, so apologies in advance if I have become so bleary eyed I can't see something simple. I use php to create buttons based on values pulled for a table. The problem I have is when you click on the first button the javascript function works great, when you click on the next button you get the same output even though it should be different results. I am working in ff and I can see on my firebug console that the javascript function is being called, but it is not passing the new value of the second or third button, it just keeps repassing the value of the first button. So not entirely sure where I am going wrong here. My page is: Code: <script type="text/javascript">
function loadXMLDoc2(File,ID,Msg){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
var params=Msg;
xmlhttp.open("POST",File,true);
xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<head>
<body>
<?php
$con = mysql_connect("localhost","user","password");
if (!$con) {
die('Could not connect: ' . mysql_error());
}
mysql_select_db("mydb", $con);
$result = mysql_query("SELECT DISTINCT theme FROM goods WHERE category='{$_POST['category']}'
ORDER BY theme DESC");
while($row = mysql_fetch_array($result)){
echo '<input type="text" class="hidden" name="theme" id="theme" value="' . $row['theme'] . '" ><input type="button" class="button3" name="product" id="product" value="' . $row['product'] . '" onClick="loadXMLDoc2(\'getShow.php\',\'txtHint\',\'theme=\'+encodeURI(document.getElementById(\'rtheme\').value))" > ';
}
echo '<br /><br />
<div id="txtHint"><div>
<br />
<br />';
mysql_close($con);
?>
And getShow.php produces a table with a list of product images, names and prices, based on theme. So basically not sure where I am going wrong here? i'm still a relative noob and this has me stuck - i have a save button with a "save as copy" in the save dropdown list. add new item directs to a premade/formatted project that is used as a template, so on that item i only want/need the "save as copy" but on all other items that use the form i need to only have the "save" function. is there any way to either change the function of the button depending on item that is being viewed in the edit screen OR hide the "save" button and only show the button associated with "save as copy - and vis versa for the rest of the items?? current button code is - protected function getToolbar() { $options = array(); $user = JFactory::getUser(); $create_ms = $user->authorise('core.create', 'com_pfmilestones'); $create_task = $user->authorise('core.create', 'com_pftasks'); $options[] = array( 'text' => 'JSAVE', 'task' => $this->getName() . '.save'); $options[] = array( 'text' => 'Save as new project', 'task' => $this->getName() . '.save2copy', 'options' => array('access' => ($this->item->id > 0))); PFToolbar::dropdownButton($options, array('icon' => 'icon-white icon-ok')); item used as template is id=8 any help or suggestions would be greatly appreciated.. i got javascripts button : Code: <input type="button" value="select" onClick="document.getElementById('input').select()" />
how can i transform "button" to image button (gif) I have 4 rows in a table. Each row consist of 4 radio buttons. Each radio button per row has different values in it but has the same name (group) ex: <input type="radio" name="a" value="1"> <input type="radio" name="a" value="2"> <input type="radio" name="a" value="3"> <input type="radio" name="a" value="4"> <input type="radio" name="b" value="1"> <input type="radio" name="b" value="2"> <input type="radio" name="b" value="3"> <input type="radio" name="b" value="4"> and so on.. If I click radio button A with value 2, I want to output the total at the bottom as "2".. Also, if I click radio button B with value 3, I want to output the total of A and B as 5 and so on.. How can I automatically calculate the answer based on which radio button was click? update: I got my answer from this site: http://stackoverflow.com/questions/1...s-using-jquery i am trying to make a button which is a .gif that will change when a mouse over occurs and a animation will occur when click then will relocate to a new page but i am getting multiple images at the same time pleas help. Code: <html>
<body>
<img src="Jepordy/Fla files/Button set 1.gif" >
<img name="jsbutton" src="Jepordy/Fla files/Button set 1.gif" width="550" height="400" border="0" alt="javascript button">
<SCRIPT language="JavaScript">
var myimgobj = document.images["jsbutton"];
</SCRIPT>
<A href="#" onMouseOver="return changeImage()" ><img
name="jsbutton" src="Jepordy/Fla files/Button mouse over.gif" width="550" height="400" border="0"
alt="javascript button"></A>
<SCRIPT language="JavaScript">
function changeImage()
{
document.images["jsbutton"].src= "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button mouse over.gif";
return true;
}
</SCRIPT>
<A href="#" onMouseOver="return changeImage()" onMouseOutwidth="550" height="400" border="0" alt="javascript button"= "return changeImageBack()"
onMouseDown="return handleMDown()" onMouseUp="return handleMUp()"
><img
name="jsbutton" src="Jepordy/Fla files/Button set 1.gif" width="550" height="400" border="0"
alt="javascript button"></A>
<SCRIPT language="JavaScript">
function changeImage()
{
document.images["jsbutton"].src= "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button set 1.gif";
return true;
}
function changeImageBack()
{
document.images["jsbutton"].src = "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button set 1.gif";
return true;
}
function handleMDown()
{
document.images["jsbutton"].src = "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button set 1.gif";
return true;
}
function handleMUp()
{
changeImage();
return true;
}
</SCRIPT>
<A href="QUESTION LOCATION FOR THIS BUTTON GOES HERE!"
onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()"
onMouseDown="return handleMDown()"
onMouseUp="return handleMUp()">
<A href="http://www.javascript-coder.com/"
onMouseOver="return changeImage()"
onMouseOut= "return changeImageBack()"
onMouseDown="return handleMDown()"
onMouseUp="return handleMUp()"
><img
name="jsbutton" src="Jepordy/Fla files/Button mouse over.gif" width="550" height="400" border="0"
alt="javascript button"></A>
</body>
</html>
I need an timed button. When you come to site, you must wait in that site ?? seconds and then button comes pressable.
All: I need some help with a radio button code. It seems simple but I am really new at JavaScript so I need help. I have created a JavaScript code that has three radio buttons (High, Medium, and Low). When you click on high two text boxes appear so that an email address can be added. What I need help with is making the text boxes disappear if someone accidentally click high and then went back to low or medium. Currently the High button stays clicked and the text boxes still show. Any help would be great. Thanks, Stephen Code: <script type="text/javascript">
function showHide(el){
obj = document.getElementById(el).style;
(obj.display == 'none')? obj.display = 'block' : obj.display = 'none';
}
</script>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="Checkbox" name="High" value="High" onclick="showHide('group1')" /> High
</label>
<label>
<input type="Checkbox" name="Medium" value="Button" /> Mediun
</label>
<label>
<input type="Checkbox" name="Medium" value="Button" /> Low
</label>
<p id="group1" style="display: none;">
<label>
<b>friend1  </b><input type="Text" name="textGroup1" value="@gmail.com" /> <br/>
</label>
<br />
<label>
<b>friend2  </b><input type="text" name="textGroup1" value="@gmail.com" />
</label>
</p>
</form>
i am trying to achieve a JS driven button for a cms. for example i have a text in a textarea so i select the text and add the bold attribute to this text. my text before : text my text with bold added : <b>text</b> what the function to achieve this ? thanks hello everyone I am working on a quiz which marks the user and displays to different screens when the total has been calculated. If the user gets over 80% a congratulations page is shown but if you score less your told to go back and look at some of the material again. I would like the congratulations page to show a button to let the users continue on to the next section of the tutorial. Does any one have any ideas how I could do this? im stumped. I have inserted the code below, any help would be much appreciated as I'm a little stuck :/ Code: // Function to create arrays.
function makeArray(len) {
for (var i = 0; i < len; i++) this[i] = null;
this.length = len;
}
// creates objects for this question.
function makeQuestion(question, correctAnswer) {
var args = makeQuestion.arguments;
this.question = question;
this.correctAnswer = correctAnswer;
this.userAnswer = null;
this.isCorrect = isCorrect;
this.showForm = showForm;
this.userChoices = new makeArray(args.length - 2);
for (var i = 0; i < args.length - 2; i++) {
this.userChoices[i] = args[i + 2];
}
}
// determins if the questions answered correctly
function isCorrect() {
if (this.correctAnswer == this.userAnswer) return true;
else return false;
}
// Method to display contents of question object.
function showForm(n) { //argument n is the number of the question.
document.write((n + 1) + '. ' + this.question + '<BLOCKQUOTE><FORM>'); //n+1 = the number of the question in the array (has to add one because the array starts with 0 or the first question would be number 0, this question displays the questions text, blockquote off sets the answer making them indented.
for (var i = 0; i < this.userChoices.length; i++) { //goes through the questions one by one.
document.write('<INPUT TYPE = "RADIO" NAME = "q' + n + //create the radio buttons.
'" onClick = "quiz[' + n + '].userAnswer = ' + i + '">');
document.write(this.userChoices[i] + '<BR>');
}
document.write('</FORM></BLOCKQUOTE>');
}
// This corrects the quiz, dispays the correct answers and the score.
function correctQuiz() {
var correct = 0; // sets the correct page to a score of zero
correctPage = '<HTML><TITLE>Corrections</TITLE><BODY BGCOLOR = "#FFFFFF">'; // sets the attributes of the correction page
for (var i = 0; i < quiz.length; i++) { //loop runs through questions
if (quiz[i].isCorrect()) correct++; // the is correct starts at 0 every time is correct returns true (an answer is correct) it adds 1 to the number adding up correct answers.
}
var score = Math.round((correct / quiz.length) * 100); // find out the % of correct answers by using math and the % equation
correctPage += 'Sco <STRONG>' + score + '</STRONG> %';
if (correct < (quiz.length / 100) * 80) { //if the correct number is less than the quiz length then not all the answers were correct if it is the same then all ansers were correct.
correctPage += ifWrong; // if there were wrong answers
for (var i = 0; i < quiz.length; i++) { // starts a for loop through the answers
if (!quiz[i].isCorrect()) { // if quiz doesn't = to iscorrect.
correctPage += (i + 1) + '. ' + // this shows what number was wrong.
quiz[i].userChoices[quiz[i].correctAnswer] + '<BR>'; // displays the correct answes for the questions that were wrong
}
}
}
else correctPage += ifAced; // this is the correct page displayed if all the answers were right.
correctPage += '</BODY></HTML>'; // opens the window of correct page
correctwin = window.open ('', '', 'height=300,width=300,scrollbars=yes');
if (correctwin.opener == null) correctwin.opener = window;
correctwin.location = 'javascript:opener.correctPage';
}
// Message to display if quiz is aced.
var ifAced = "<P>Well done! you have passed the test. You can now move on to the next section of the tutorial<P>";
// Message to display if any are wrong.
var ifWrong = "<P>Check below to see the answers that you got wrong. It maybe helpful if you go back and read the bits your unsure of.<P>";
// Create seven question objects...
quiz = new makeArray(8); // this is how many questions there is in the quiz
quiz[0] = new makeQuestion("What is the correct name for the leg marking found in picture 1?", // 1st question starts at 0 because thats the first number in an array
2, // correct answer
"Sock", // choice 0
"Stocking", // choice 1
"Coronet band", // choice 2
"half cannon"); // choice 3
quiz[1] = new makeQuestion("What is the correct name for the leg marking found in picture 2?", // 2nd question
0, // correct answer
"Sock", // choice 0
"Stocking", // choice 1
"Coronet band", //choice 2
"half cannon"); //choice 3
quiz[2] = new makeQuestion("What is the correct name for the leg marking found in picture 3?",
1, // correct answer
"Sock", // choice 0
"Stocking", // choice 1
"Coronet band", //choice 2
"half cannon");
quiz[3] = new makeQuestion("What is the correct name for the leg marking found in picture 4?",
3, // correct answer
"Sock", // choice 0
"Stocking", // choice 1
"Coronet band", //choice 2
"half cannon");
quiz[4] = new makeQuestion("What is the correct name for the face marking found in picture 5?",
2,
"Bald",
"Star",
"Snip",
"Blaze");
quiz[5] = new makeQuestion("what is the correct name for the face marking found in picture 6?",
0,
"Bald",
"Star",
"Snip",
"Blaze");
quiz[6] = new makeQuestion("what is the correct name for the face marking found in picture 7?",
3,
"Bald",
"Star",
"Snip",
"Blaze");
quiz[7] = new makeQuestion("what is the correct name for the face marking found in picture 8?",
1,
"Bald",
"Star",
"Snip",
"Blaze");
Hi im new to javascript , i have a game when 2 or more players enter the game a button appears one of the players clicks the button the game starts, what i want to do is when 2 or more players join the game i want the game to start, and not start by using the button. here is the code for the button. PHP Code: if(($hand == '') && ($numplayers > 1)){ ?> var betbuttons = '<'; betbuttons += 'input type="button" name="Button" value="<? echo addslashes($BUTTON_START); ?>" class="betbuttons" onclick="push_action(\'start\');">'; hi, I'm trying to modify this function: Code: function togglePoly(poly_num) {
if (document.getElementById(poly_num)) {
if (document.getElementById(poly_num).checked) {
gpolys[poly_num].show();
} else {
gpolys[poly_num].hide();
}
}
}
which works for a checkbox to one that works for a button. I guess I'm stuck on what to replace "checked" with there in the 3rd line. is there some one word answer, or do I need to I rewrite the function to be more button-friendly? thanks in advance I don't exactly know how to word my issue. Basically, I need it so that if a user selects 'option1' in the group 'group1' when they go to 'group2' is only gives them a certain selection to choose from. If they choose 'option2' in 'group1' they will get a different set to choose from. My main dilemma is it must do this without them having to submit. All, I have the following code: Code: <form action="" name="myform" method="post">
<input type="hidden" id="picimages" name="picimages" value="<?php echo $resultsetstory['bigger_id']; ?>" />
<p>
<label>
<input type="radio" id="picimages" name="picimages" value="<?php echo $resultsetstory['picture_id']; ?>" />
<?php
if($resultsetstory['title']<>""){
echo $resultsetstory['title'];
}else{
echo "Image 1";
}
?>
</label>
<br />
<label>
<input type="radio" id="picimages" name="picimages" value="<?php echo $resultsetpic2['picture_id']; ?>" />
<?php
if($resultsetpic2['title']<>""){
echo $resultsetpic2['title'];
}else{
echo "Image 2";
}
?>
</label>
<br />
<input name="submit" type="button" value="Vote!" onclick="javascript:voteupdate(this.myform);"/>
</p>
</form>
When I submit this, it goes to this function: Code: function voteupdate(obj) {
var poststr = "picimage=" + document.getElementById("picimage").value +
"&bigger_id=" + encodeURI( document.getElementById("bigger_id").value );
alert(poststr);
makePOSTRequest('voteresults.php', poststr);
}
However I can't get the value of the radio group for the one that is selected. Can someone see what is wrong? Thanks. I need to use javascript in a way in which it will keep clicking a button. The source code for that button is below: Code: <script type="text/javascript">
function set_opacity(id, opacity) {
element = document.getElementById(id)
if (/MSIE/i.test(navigator.userAgent)) { element.style.filter='alpha(opacity='+opacity+')'; }
else { element.style.opacity = opacity/100; }
}
</script>
<div class="recruiter_enabled">
<table cellspacing="0" style="width: 100%">
<tr>
<td>
<p>
<script type="text/javascript">
//<![CDATA[
recruiter_clicks = 1
//]]>
</script><a href="/recruiter/recruit/3p5tjd4pdnbg0" id="recruit_link" onclick="return(submit_link_as_post_with_opacity(this, 'recruit_image'))"><img alt="" class="start_recruiting" id="recruit_image" src="/A.gif?1221518016" /></a><script type="text/javascript">
//<![CDATA[
link = document.getElementById('recruit_link');
link_href = link.href;
link.href = "#";
set_opacity('recruit_image', 50);
setTimeout("link = document.getElementById('recruit_link'); link.href = '" + link_href + "'; recruiter_clicks = 0; set_opacity('recruit_image', 100)", 2000);
//]]>
</script>
Therefore, I need javascript to keep clicking the button until it has clicked it 375 times. How would I be able to do this? this is javascript document.getElementById("times").value=hours+":"+mins+":"+secs; if(timeral==true && hours==hvb && mins==mvb && secs==svb){ document.getElementById("onbtn").click(); } document.getElementById("times1").value=hours+":"+mins+":"+secs; if(timeral1==true && hours==hv && mins==mv && secs==sv){ document.getElementById("offbtn").click() ; } //////*****THIS FOR CHANGE IMAGE ******////// function corridoroff(){ document.getElementById("nyala").src="level2.jpg"; } function corridoron(){ document.getElementById("nyala").src="level2on.jpg"; } this is html <img id="nyala" src="level2.jpg" width="765" height="398" /> <input type="button" name="manualoff" id="onbtn" value="Manual OFF" onClick="do_portcontrol(1,0);corridoroff(); return false;"></td> <input type="button" name="manualon" id="offbtn" value="Manual ON" onClick="do_portcontrol(1,1);corridoron(); return false;"></td> **MY PROBLEM IS....how to put the id"nyala" into this button?? 2 elementbyid into one button? I have this line of code: <input type='text' id='fCode' style="width:875px; height:22px;"/><br /><br /> Does anyone know how to add a copy button to so when you click it it copies everything in the box to your clipboard? Thanks -Wardman |
|||||||