JavaScript - Javascript Won't Recognize My Css Settings

Hi there,

If I have Ajax bring back a string of HTML, let's say to replace a whole <select> box, does that get registered in the DOM in such a way that I can later manipulate that element via Javascript?

It doesn't seem so.

I have a <select> box that gets inserted via Ajax but I have a script I want to use to change which <option> is selected after it is loaded in. The client doesn't seem to pick up on the <select> box when I try to call it via getElementById, etc.

It came up as unrecognizable as an MD5 hash and it looks like hexadecimal to me. Can someone help me convert it to what it is supposed to say? I think it is a series of numbers but am not entirely sure. Thank you for your assistance.

86a032c42beb25042d8d4dc7970ccc1e

Hi, it's my first post and first thread, actually I joined to ask this question.
I did try searching first but for some reason when I put this character in google search fields
I never find what I want, maybe not being recognized.

here's the code
Code:

this.size=a.size||2000;
this.handle_event=a.handle_event||'click';

my question ... what is the || character(s)?

I'm sure this must be laughably simple and thanks in advance
(new to learning js)

Here's my script wher problem occurs:

Code:

$.post('do/register.php?username='+('#username').value, 
	function(result) {
		if(result == 1) { $('#message').html("Everything's ok"); }
		else if(result == 2) { $('#message').html("Username is missing."); }
		else { $('#message').html("What the hell is wrong here?!"); }
	});

If i put alert(result); in function(result){ } part, i get "result" value that is '1' and that is correct value but it seems like IF statement is not recognizing it at all...

#message div constantly shows me "What the hell is wrong here?!" message...

Anyone know what could cause this problem?

Thanks in advance, phpStud.

Hi there!

OK I need a little help as I'm not sure how to integrate this function into my form. First of all I should explain that my form doubles as a Google Search box. If you select the Google Search radio button it submits the input text to Google. It also defaults to Google if anything else other than "red", "green" or "blue" are entered. Now what I'd like to do is add a function so that if someone enters "purple is my favorite color" it recognizes the "purple" part of the string using something like .indexOf('purple'); and calls something like if(function==-1) { theForm.action = "Other choice "+ q.value; . How can I add this to my form? Thank you for any help.

My form code:

Code:

<script>
function convert(theForm){
  var els = theForm.getElementsByTagName('input');// store inputs
  var q = els[0], color = els[1];

  if(els[4].checked){// submit to google
    theForm.action = 'http://www.google.com/search';
    return true;
  };

  color.value = "Chosen "+ q.value +" color";
  switch(q.value){// check the query
    case 'red':
    case 'green':
    case 'blue':
      location.href = color.value;
      return false;
    break;   
    default:
      theForm.action="http://www.google.com/search";
    break;
  };
  return true;
};
</script>

<form name= "myform" onsubmit='return convert(this)'> <input name='q' type='text' /> 
<input name='color' type='hidden' /> <input type='submit' value=" Enter " />
<br />
<input name="searchType" type="radio" value="" checked="checked" > <label for="all"> My Form </label>
<input name="searchType" type="radio" value="google" onclick="document.myform.action='http://www.google.com/search';" /> 
<label for="google"> Google Search </label></form>

Hi all,

I have been checking out this web audio api app Beat Petite

The thing that really interests me about it is that as the user alters the interface settings the URL changes, and all the settings can be recalled just by saving the URL (so if you make a cool drum beat you can share it with your friends by giving them the URL). I would love to be able to implement this feature on my own site but I have no idea where to start! Can anyone shed any light on how this can be done? I am not even sure if this is JavaScript that is controlling this or some other technology.

Any ideas would be much appreciated.

Thanks,
Hulk

I want to have another go at Javascript. I have several books on the subject but I find that my eyesight is a major problem. Therefore I want to try an on-line solution, preferably free.

I have Googled, but there are so many that I am almost dizzy with the choices.

Perhaps someone could recommend one. Not too fussy visually. My knowledge is VERY basic.

Frank

Hello! I am trying to find a script that allows you to open multiple browser tabs and then close each of those tabs, either one by one or all at once.

Does anyone know how to do this please?

Thanks so much for your help.

Does anyone know how to make URL links that use Javascript still work when
users have Javascript disabled on their browser?

The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version.

I tried the <script><noscript> tags, but I'm not sure if I'm using it
correctly, as my URL completely disappears.

Below is my HTML/Javascript code:

<p class="download">
<script type="text/javascript">document.write("<span
style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\"
onclick=\"window.open(
'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+
Math.floor( Math.random()*11 ) );\" >The Child Magazines Media
Kit</a></span> (PDF 1 MB) ");</script>
<noscript><span style="text-decoration: underline;"><a
href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf"
>The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript>
</p>


Thanks for any help,
Michael

Hi,

I have the following code snippet:
test.html
======
<script language="javascript" type="text/javascript">
var testVariable = "test";
</script>
<script language="javascript" type="text/javascript" src="test.js">
</script>

test.js
=====
var testVariable = window.top.testVariable;

In firefox, I'm able to access testvariable defined within test.html in test.js.

But in chrome, test.js couldnot get the window.top.testVariable field defined in test.html.

Can any one please let me know how i can make it work in chrome?. Am i missing something here?.

Hi Guys,
I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled!
I create the following code but it did not work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script language="JavaScript" type="">
function changeColor(){
document.bgColor = "Gray";
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var person = "";
person = prompt('What is Your Name:');
if (person == "Foo") {
document.write("<h1 />Welcome " + person);
document.bgColor = "Yellow";
}
else {
document.write("<h1 />Access Denied!!!!");
document.bgColor = "Red";
document.getElementById("gree").disabled = true;
}
</script>

<div>
<p/><input id="gree" type="button" value="Gray " onClick="changeColor();">
</div>
</body>
</html>

as you can see I used the:
document.getElementById("gree").disabled = true;
but it did not work , could you please give an idea how I can solve this problem?
Thanks

I got an index.php
Code:

<html>

<form action="bacakomik.php" method='post'>
<select name="kodekomik">
<option value='../komik1/|23'>Judul Komik1</option>
<option value="../komik2/|20">Judul Komik2</option>
<option value="../komik3/|10">Juduk Komik3</option>
<option value="../komik4/|20">Judul Komik4</option>
</select>
<input type="submit" />
</form>
<?php
echo ('<select>');
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
echo ('</select>');
?>
</html>

As you can see, each of the option brings specific value "../komik1/|23"
komik1 is a directory
| is a delimiter
23 is the pages in one chapter and can be considered also as how many images are there on a specific directory

This is my bacakomik.php
Code:

<?php
$dirkomik = $_POST['kodekomik'];
$exploded = explode("|", $dirkomik);
echo ($exploded[0]); //picture directory
echo ("<br>");
echo ($exploded[1]); //total page in the comic
$pagecount = (int)$exploded[1];
//Take last posted value, process it right away
echo ('<FORM name="guideform"> ');
echo ('<select name="guidelinks">');
$i=1;
do  {
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
$i= $i+1;
}while($i <= $pagecount); //Printing option and select
echo ("</select>");
?>
<input type="button" name="go" value="Go!" onClick="document.getElementById('im').src=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value+'.png';"> </FORM>
<img src="img0.jpg" id="im">

With the current code on bacakomik.php, I only can change the img src of id "im" in the same directory only. What I want is that the Javascript could "add" the "$exploded[0]" variable so that the picture can be loaded from different directory. Anyone can do this?
I believe that the fix should be somewhere on input tag inside OnClick, or do you know where?

Anyway, I found this on the net
http://p2p.wrox.com/php-faqs/11606-q...avascript.html
Please help me to those who can...

I want to insert this js snippet
Code:

function addText(smiley) {
    document.getElementById('message').value += " " + smiley + " ";
    document.getElementById('message').focus();
    return false;
}

to a loaded iframe with name&id chtifrm. I can access it & change embed something in its html via using something like:

Code:

 $(parent.chtifrm.document.body).append('<div id=\"smly\" style=\"cursor:pointer;float:left;top:200px;display:none;position:absolute;\"><\/div>');

....
Code:

parent.chtifrm.document.getElementById('chatbox_option_disco').style.display == 'none'

but how do I insert js in the head of loaded iframe?

Hi Guys I am trying to modify the functionality of my page. I want to be able to activate this piece of code using another javascript function.

This is the code I want to activate:

Code:

<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
	$.ajax({
		url: 'index.php?route=checkout/cart/update',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea, .date_data input[type=\'text\']'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['warning']) {
					$('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
				
					$('.warning').fadeIn('slow');
				}
				
				for (i in json['error']) {
					$('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
				}
			}	 
						
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
					
				$('.success').fadeIn('slow');
					
				$('#cart_total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});
//--></script>

And this is how I want the format of the function to be:

function testsession() {
if there is a session called 'hiredate' {
activate the script above
}
else {
var el = document.getElementById("product_data");
}
}


I just dont know how to write this in javascript

Could you help me if possible please

Hey,
I've got to make the values of some textboxes change the co-ordinates of my sprite on a canvas and havent a clue on how to do it,

Here is my form with the two textboxes and submit button:
<form>
x: <input type="text" name="x" /><br />
y: <input type="text" name:"y" /><br />
<input type="submit" value="Submit"/><br />
</form>

And i need it so that they change the values of these:

//this shows where my sprite will start on the canvas
var block_x;
var block_y;
searched the internet for hours and cant really find anything i understand or works.
any help is much appreciated