chat script

Status
Niet open voor verdere reacties.
P

pkmartijn

Gebruiker
Lid geworden
18 aug 2011
Berichten
163
heb een script:
HTML: 
<html>
	<head>
		<meta http-equiv="content-type" content="text/html charset = utf8">
		<title>chat</title>
		<link rel="stylesheet" type="text/css" href="style2.css" />
		<link href="http//fonts.googleapis.com/css?family=menenda+one" rel="stylesheet" type="text/css">
		<script type="text/javascript" scr="http//ajax.googleapis.com/ajax/libs/query/1.6.4/query.js"></script>
		<script type="text/javascript">
			$(document).ready(function()){
				$('button').click(function(){
					var message = $('textarea').val();
					alert("massage");
				}
			});
		</script>
		</head>
	<body>
		<h1>chatten maar</h1>
		<div id="content">
			<p>hier komt het chat gesprek</p>
		</div>
		<div id="message">
			<textarea rows ="2" cols="34">zeg wat!</textarea>
			<button>post</button>
		</div>
	</body>
	</html>
als ik nu op verzende klik komt er geen boordje massage. weet iemand wat ik fout doe?

mvg pkmartijn
 
probeer een 's een van xat.com verander de code en een beetje zo te zien heb je verstand van HTML
 
wat moet ik op xat.com?
dat snap ik ff niet.
en html is toch niet zo heel moeilijk?

mvg pkmartijn
 
Wel op de tikfouten letten he? :)
Code: 
$(document).ready(function()){
                $('button').click(function(){
                    var message = $('textarea').val();
                    alert("massage");
                }
            });
In die alert staat massage (ook leuk) in plaats van message.
 
nou doet ie het nog steeds niet! en dat tickfoutje maakt niet uit want dat is de echo die jij krijgt netzoals hello world

mvg pkmartijn
 
d'oh! Moet zelf ook beter lezen, ik had de aanhalingstekens gemist.
 
$('button') (regel 10) verwijst niet naar het button-element. Hetzelfde geldt voor $('textarea') (regel 11). De $-functie wil een id van een element hebben. Geef je button- en textarea-element dus een id-attribute:

HTML: 
<textarea id="text_id" rows ="2" cols="34">zeg wat!</textarea>
<input id="button_id" type="button" value="post"/>

...en dan in je JavaScript:

[JS]$('button_id').click(function(){
var message = $('text_id').val();
alert("massage");
}[/JS]
 
http://martijn.tycal.org/chat.html als je op post drukt gebeurt er niks.
dit heb ik nou:

HTML: 
<html>
	<head>
		<meta http-equiv="content-type" content="text/html charset = utf8">
		<title>chat</title>
		<link rel="stylesheet" type="text/css" href="style2.css" />
		<link href="http//fonts.googleapis.com/css?family=menenda+one" rel="stylesheet" type="text/css">
		<script type="text/javascript" scr="http//ajax.googleapis.com/ajax/libs/query/1.6.4/query.js"></script>
		<script type="text/javascript">
			$(document).ready(function()){
				$('button_id').click(function(){
				var message = $('text_id').val();
				alert("massage");
				}
			});
		</script>
		</head>
	<body>
		<h1>chatten maar</h1>
		<div id="content">
			<p>hier komt het chat gesprek</p>
		</div>
		<div id="message">
		<textarea id="text_id" rows ="2" cols="34">zeg wat!</textarea>
		<input id="button_id" type="button" value="post"/>
		</div>
	</body>
</html>
 
Oh, juistem.. Ik zie een syntaxerror: op regel 9 staat een sluithaakje teveel.
 
Robin S zei:
Oh, juistem.. Ik zie een syntaxerror: op regel 9 staat een sluithaakje teveel.
Klik om te vergroten...

... en om voortaan dit soort dingen zelf te kunnen vinden: als je in een normale browser de developer-tools opent (bijvoorbeeld het foutenconsole in Firefox of Chrome, ctrl+shift+J) dan krijg je dit te zien:

Fout: syntax error
Bronbestand: http://martijn.tycal.org/chat.html
Regel: 9, Kolom: 31
Broncode:
$(document).ready(function()){
Klik om te vergroten...


:)
 
welke dan?
allemaal verbinden ze elkaar en er staat er geeneen alleen

hoe zit dat dan?
 
Het sluithaakje op regel 14 staat alleen ;)

Regel 9 moet zijn:
$(document).ready(function(){ in plaats van:
$(document).ready(function()){
 
Ik zie de aanpassing niet op je website, daar staan de haakjes nog steeds verkeerd.
Verder:
- Je script-element heeft een scr attribute. Dat moet src zijn.
- Je gebruikt in een url http// in plaats van http://.
- De gecorrigeerde urls verwijzen niet naar externe resources.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan