|
JavaScript - Defining Hex Characters
Need to know how to define hex characters for the following;
var x = hex value var y new Array(hex value, hex value, etc) document.write(hex value) Similar TutorialsWorking on a simple JS/jQuery-driven game where the user clicks on a cup to see if it is a winner or not. If so, it plays a happy sound; if not, it plays a sad sound. Everything is working great so far, except for the sound. The html is being set correctly when a cup is selected, but Firebug is telling me the sound files are undefined. Same when I enter the function: playSound("[filename].WAV") in the console. Any help or advice is greatly appreciated. Code: var cupRaised = false;
var winningCup;
function determineWinner(raisedCup){
if(raisedCup == winningCup){
playSound("applause.WAV");
} else {
playSound("sad-trombone.WAV");
}
}
function playSound(file){
$('#sound_element').html("<embed src='file/"+file+"' hidden='true' autostart='true' loop='false' />");
}
function raiseCup(num){
if(!cupRaised){
var cur = "#cup" + num.toString();
$(cur).animate({"top": "-=100px"}, "slow");
cupRaised = true;
determineWinner(num);
}
}
Hi, I'm trying to code a script that will display an approximate postage price based on different combinations of variables, but the numbers I defined for each case aren't reflected in the text box. I'm using a switch statement for all the different combinations of options, which the user will choose by selecting check-boxes. I'd really appreciate if anyone could point out where I'm going wrong. (Additionally, I know that this code probably isn't a very efficient way of doing what I'm doing - I'm open to suggestions on how to improve it.) I've attached all the relevant parts of the code, including how I defined variables originally. Many thanks in advance, Gil Code:
<script type="text/javascript">
function count()
{
var firstclass = document.calc.firstclass.value;
var postcard = document.calc.firstclass.value;
var numpages = document.calc.numpages.value;
var nms = document.calc.nms.value;
var large = document.calc.large.value;
var numpages = parseInt(document.calc.numpages.value);
if (document.calc.grabber.checked)
{
var vweight = (numpages + 8) * 0.17636981;
} else {
var vweight = numpages * 0.17636981;
}
var postageprice = 0;
switch(postageprice)
{
case document.calc.postcard.checked:
var postageprice = 28;
break;
case document.calc.firstclass.checked && vweight <= 1:
var postageprice = 44;
break;
case document.calc.firstclass.checked && vweight <= 2:
var postageprice = 61;
break;
case document.calc.firstclass.checked && vweight <= 3:
var postageprice = 78;
break;
case document.calc.firstclass.checked && vweight <=3.5:
var postageprice = 95;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 1:
var postageprice = 88;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 2:
var postageprice = 105;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 3:
var postageprice = 122;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 4:
var postageprice = 139;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 1:
var postageprice = 64;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 2:
var postageprice = 81;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 3:
var postageprice = 98;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 3.5:
var postageprice = 105;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 1:
var postageprice = 122;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 2:
var postageprice = 139;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 3:
var postageprice = 156;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 4:
var postageprice = 173;
break;
default:
var postageprice = 0
}
document.calc.pay.value = postageprice
}
</script>
<form name="calc" method="POST">
<input type="text" name="numpages" size="10" value=10 onpropertychange="count()" onkeypress="keypress(event)" onclick="SelectAll()">
<input type=button name=clearnumber value="Clear" onclick="document.calc.numpages.value=0"> <p></p>
<input type="checkbox" name="firstclass" size="10" onclick="count()"><p>
<input type="checkbox" name="large" size="10" onclick="count()"></p>
<p>
<input type="checkbox" name="nms" size="10" onclick="count()"></p>
<p>
<input type="checkbox" name="postcard" size="10" onclick="count()"></p>
<p>
<input type="checkbox" name="grabber" size="10" onclick="count()"></p>
<p>$<input type="text" name="pay" size="10">
$<input type="text" name="perthousand" size="10">
</p>
</form>
Thanks again. I'm installing a Disqus commenting system on a news site. Javascript attaches a comment thread to the end of a story page, based on the story's url. Our issue is that many stories may have multiple urls, and we want a single comment thread on those stories. A single story may have a url like this: www.newspaper.com/ci_12345678 and this: www.newspaper.com/entertainment/ci_12345678 Disqus provides an alternative var disqus_identifier I'd like to define disqus_identifier to the final 8-digit story ID, read from the url. Here's the way the code looks: Code: <div id="disqus_thread"></div>
<script type="text/javascript">
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://newspaper.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
I'm not sure how to define var disqus_identifier. Can anyone help me out?
Hello, let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. I have this page. http://felixdeportu.com/5/ The images are inside a div#content div#photo. I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works... Hi all, I have an <img> place holder in my HTML, and when users 'onclick' different button's, a javascript function is called that makes different images appear within the <img> place holder. ie. the src changes. See below: Code: <body>
<img id="image_space" src="" />
<button type="button" onclick="imageChange(/image1.jpg)">Image 1</button>
<button type="button" onclick="imageChange(/image2.jpg)">Image 2</button>
<script>
function imageChange(image){
document.getElementById("image_space").src=image;
}
</script>
</body>
Strait forward enough. I also have a third button, which activates a different javascript function to display an image within a different <img> place holder. BUT, I only want this button to work IF "/image2.jpg" is the ACTIVE image within the original <img> place holder (with id="image_space"). How can I write some javascript code that will identify that image as being ACTIVE? The final code with the missing "link" is described below: [CODE] Code: <body>
<img id="image_space" src="" />
<img id="image_space2" src="" />
<button type="button" onclick="imageChange(/image1.jpg)">Image 1</button>
<button type="button" onclick="imageChange(/image2.jpg)">Image 2</button>
<button type="button" onclick="thirdImageChange(/image3.jpg)">Image 3</button>
<script>
function imageChange(image){
document.getElementById("image_space").src=image;
}
function thirdImageChange(thirdImage){
if (missing code here that says "/image2.jpg ACTIVE in <img id="image_space">)
{
document.getElementById("image_space2").src=thirdImage;
}
}
</script>
</body>
Sorry it's so long winded! I hope I made it clear enough. Your help would be GREATLY appreciated. Thanks for reading! I'm trying to figure out the proper way to correctly get each full-formation of encoded html (of Unicode), so that I could assign each HTML encoding with its each Unicode characters HTML Encoded Unicode: &#2344;&#2351;&#2366; &#2344;&#2375;&#2346;&#2366;&#2354; I want to retrieve each encoded HTML and assign them into array like this Code: var my_array = new Array();
my_array [0] = "2344";
my_array [1] = "2351";
my_array [2] = "2366";
my_array [3] = "2344";
my_array [4] = "2375";
my_array [5] = "2346";
my_array [6] = "2366";
my_array [7] = "2354";
Thanks in Advance for helps I have a simple function like this: Code: function chars_remaining()
{
var remaining = 200 - document.getElementById("text_box").value.length;
document.getElementById("number").innerHTML = 'Characters Remaining: ' + remaining;
}
And I call this onkeyup on the textarea. 200 chars max and what happens is when they type a character, it will still stay at 200 until they press another key. So when it will be 199, it should actually be 198. Onkeyup, onkeydown, onkeypress will all do the same thing. How can I make it so that as soon as they press a key it changes right away? Also I insert this into my database with mysql_real_escape_string, which is limited at 200 chars. When they keep typing and get to 0 remaining characters if they had any quotes, backslashes, etc. they will get added and thus some of their text will be cut off. I.e. lets say the text ended with "good luck". If they had 3 quotes in their text it might end up being "good l" instead because 3 backslashes had to be used to escape. So would the best thing to do be to count a quote, backslash, etc. as two characters instead of one. How would I do that in JS? My credit card processing service will only accept English characters. I need to detect entries in the form that are using non English characters. Is there a way in Javascript to create a function to force a string to UTF-8? My idea is to do something like function forceUTF8(X){ Y = ???? X; return Y; } if ( stringA != forceUTF8(stringA) alert ("You must use English Characters"); First of all thanks for all the help you are providing. I am looking to alert a user if they type in an character that I am going to not allow for their input box Code: function IsExc (str){
var AllChr = "~ # $ % ^ { } [ ] ' ,";
var AC= AllChr.split(" ");
var SC = 0;
for (SC=0; SC <= AC.length; SC++){
var ACS = AC[SC];
if (str.search(ACS) >0 ) alert ('Cannot use the characters' + AllChr )
}
}
For reasons I don't understand the code will not work So, I have this javasript code in HEAD <script type="text/javascript"> <!-- function validateThis(registerForm) { if (registerForm.firstname.value == 'Name') { alert("Oops"); return false; } else { return true; } } //--> </script> with this form in BODY <form action="register.php" method="post" name="registerForm" onSubmit="return validateThis(this)"> <input type="text" value="Name" onclick="if(this.value=='Name'){this.value=''}" onblur="if(this.value==''){this.value='Name'}" name="firstname"> </form> and I want to put a text with Greek characters instead of value "Name". I tried it and the "function validateThis" didn't work. The form just passes it and returns true. I tried also hexadecimal code,HTML entities and numeric HTML entities and didn't work either. What I should I do? Thank you in advance! Can some one help me, I want to replace the characters from a string and I have tried with this script: Code: var v5=form.description.value.replace(/#/, "%23"); But it only changes the first character from the string. Turning #### into %23### but I want them all transformed. hi all, am doing a check on my fields, so that they only contain certain characters and numbers. i have this. var validEntry = /^[a-zA-Z0-9@$&"]+/; but this also captures a space in between words as an error. can somebody please tell me on how to avoid this. thanks. How can to obtain length of string variable, for example if I have: var msg = 'hello world!'; Does it exist a method to count string characters? Hi, So I've got an array called questions_raw Code: questions raw = [
["<Q1> Question",
"choice1","choice2", "choice3"],
["<Q2> Question",
"choice1","choice2", "choice3"],
...
]
And I want to list all of the questions, but not the choices/answers. So far, I've managed to list just the questions, but because another function randomly sorts them, I need to sort them back into numerical order for a separate function (displaying the questions) I use characters (>,^) at the front to separate them into different answer types (just to explain the code) I try this to cut each string down so that they can be sorted numerically/alphebetically - Code: function linearlist()
{
var list = [];
var tempStr = "";
for (var l = 0; l < 145; l++)
{
tempStr = questions_raw[l][0];
list[l] = tempStr;
}
if (list.charAt(0)== " " ) list = list.substring(3) ;
if (list.charAt(0)== ">" ) list = list.substring(3) ;
if (list.charAt(0)== "^" ) list = list.substring(3) ;
var sorted = list.sort();
document.Qtext2form.Qtext2.value = sorted.join("\n");
}
But it doesn't like it - because "it has no method charAt" Any idea what i'm missing? Is it just that you have to put the [l] in every time you call a variable? Cheers Code: <script type="text/javascript" src="external.php?type=js"></script>
<script language="" type="text/javascript">
<!--
for (x = 0; x < 10; x++)
{
document.writeln("<a href=\"showthread.php?t="+threads[x].threadid+"\">"+threads[x].title+"</a>, ");
}
//-->
</script>
My code will display 10 posts, however at the very end it will display an extra ", " which bugs me. How can I strip those last two characters. I have a textbox ( I am using asp.net ). I want to use that textarea as rich text box. The text in textarea is submitted to database and then displayed. So, I can use <b><u> tags, but I want to use smileys too. I need a simple code for it. My logic is simple..., Whatever text is written inside the textarea is first read and when a group of specific character like Code: " :) ;) x-("
are found, that characters should be colored to red . So, a Code: :) will appear as Code: :) . This logic is simple but I am new to javascript programming, it cant implement it. Can a provide a javascript for this, or if you have better but simple code plz let me know. I am using the below javascript to verify a text input box but I would also like to require atleast 3 characters being entered before allowing the user to search. How do I accomplish that? Thanks in advance! Code: <script language="JavaScript">
<!--
/***********************************************
* Required field(s) validation v1.10- By NavSurf
* Visit Nav Surf at http://navsurf.com
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
function formCheck(formobj){
// Enter name of mandatory fields
var fieldRequired = Array("words");
// Enter field description to appear in the dialog box
var fieldDescription = Array("Company Name");
// dialog message
var alertMsg = "Please complete the following fields:\n";
var l_Msg = alertMsg.length;
for (var i = 0; i < fieldRequired.length; i++){
var obj = formobj.elements[fieldRequired[i]];
if (obj){
switch(obj.type){
case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "select-multiple":
if (obj.selectedIndex == -1){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "text":
case "textarea":
if (obj.value == "" || obj.value == null){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
default:
}
if (obj.type == undefined){
var blnchecked = false;
for (var j = 0; j < obj.length; j++){
if (obj[j].checked){
blnchecked = true;
}
}
if (!blnchecked){
alertMsg += " - " + fieldDescription[i] + "\n";
}
}
}
}
if (alertMsg.length == l_Msg){
return true;
}else{
alert(alertMsg);
return false;
}
}
// -->
</script>
Hi I have a CMS system using Tinymce and after making some alterations noticed the updates weren't showing up. After much messing (sql, set up etc) I started to delete the content bits at a time and came to the conclusion that is was the character ' as in what's any ideas why this is and how to solve it i'm thinking its due to php code! Cheers |
|||||||