2010-08-07 8 views
0

Voici mon morceau de code:erreur de fonction jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Shout!</title> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript"> 

var status=1; 
function action() { 



if(status==1) { 
$("#Layer1").hide("slow"); 
$("#Layer3").hide("fast"); 
$("#Layer4").hide("slow"); 
$("#close").attr("src","open.jpg"); 
status=0; 

} 

else if(status==0) { 
status=1; 
$("#Layer1").show("slow"); 
$("#Layer3").show("fast"); 
$("#Layer4").show("slow"); 
$("#close").attr("src","close.jpg"); 

} 




} 


function sendline() { 

$("#msg").val(" "); 

} 

function type() { 
var text=$("#msg").val(); 

$("#Layer6").html(text); 

} 

</script> 
<style type="text/css"> 
<!-- 
    body { 
background-color: #000000; 
    } 
    #Layer1 { 
position:absolute; 
width:200px; 
height:115px; 
z-index:1; 
left: 179px; 
top: 3px; 
    } 
    #Layer2 { 
position:absolute; 
width:69px; 
height:64px; 
z-index:2; 
left: 570px; 
top: 543px; 
    } 
    #Layer3 { 
position:absolute; 
width:124px; 
height:22px; 
z-index:3; 
left: 473px; 
top: 474px; 
    } 
    .style1 { 
color: #FFFFFF; 
font-family: "Segoe UI"; 
font-weight: bold; 
    } 
    #Layer4 { 
position:absolute; 
width:72px; 
height:27px; 
z-index:4; 
left: 744px; 
top: 485px; 
    } 
    #Layer5 { 
position:absolute; 
width:274px; 
height:70px; 
z-index:5; 
left: 422px; 
top: 62px; 
    } 
    #Layer6 { 
position:absolute; 
width:638px; 
height:356px; 
z-index:5; 
left: 272px; 
top: 105px; 
    } 
--> 
</style></head> 

<body> 
<div class="style1" id="Layer3"> 
<textarea id="msg" style="height:50px;width:250px" rows="10" cols="80" onkeyup="type()"></textarea></div> 
<div id="Layer1">Hello World!<img src="body.jpg" alt="Shout !" width="842" height="554" /></div> 
<div id="Layer2"><img src="close.jpg" id="close" width="63" height="64" OnClick="action()"/></div> 
<div id="Layer4"> 
<input type="button" value="Send Line" onclick="sendline()" /></div> 
<div id="Layer6" style="color:#FFFFFF;"></div> 
</body> 
</html> 

Je suis face à un problème avec le type() function.Its tout simplement pas en cours d'exécution

Des conseils sur la façon de l'obtenir rnnning?

Merci!

+0

Vous utilisez jQuery en combinaison avec des gestionnaires d'événements en ligne? Blasphème! –

+0

umm, la fonction sendline() fonctionne très bien! : S – Anant

+0

Cela fonctionne très bien sur mon bureau! : S. Et quel est le problème si nous l'utilisons de cette façon? J'ai vu de tels exemples dans des livres comme AJAX et jQuery pour les nuls. Cela devrait fonctionner – Anant

Répondre

1

Votre fonction est en cours d'exécution, mais il est lancer une erreur à cause du nom de la fonction:

Uncaught TypeError: string is not a function

ou dans Firefox:

type is not a function

En bref, vous ne pouvez pas utiliser type en fonction nom ici, vous avez juste besoin de lui donner un nom légèrement différent, par exemple typed.

Here's your code only changing the function name, travaillant :)

+0

Merci beaucoup :) – Anant

1

Renommer votre fonction type à quelque chose d'autre (essayez somethingElseThanType juste pour tester), et il devrait fonctionner