Chatforum med htmlkoder

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
Kristensen1
Begynder
Indlæg: 5
Tilmeldt: 29. mar 2016, 17:20

Chatforum med htmlkoder

Indlæg af Kristensen1 » 30. mar 2016, 08:17

Hej

Til et større IT projekt jeg er i gang med, skal jeg have lavet chatforum med html koder eller en anden form for koder. Problemet er bare at jeg ikke ved hvordan jeg kan lave sådan et forum og ikke helt ved hvilket kode sprog man skal bruge til det. Jeg håber at der er nogle her på siden som ved noget om dette og kan hjælpe mig med mit problem :)

cristian
Moderator
Moderator
Indlæg: 882
Tilmeldt: 26. sep 2011, 21:31
Kontakt:

Re: Chatforum med htmlkoder

Indlæg af cristian » 3. apr 2016, 19:04

For at lave et chat forum skal du tage et kig i socket programmering.

Både Java, PHP5, C#, Python mm kan klare denne opgave og det kommer an på hvad du helst vil arbejde med.

Kristensen1
Begynder
Indlæg: 5
Tilmeldt: 29. mar 2016, 17:20

Re: Chatforum med htmlkoder

Indlæg af Kristensen1 » 4. apr 2016, 10:44

Tak for dit svar, jeg vil kigge nærmere på nogle af de metoder du forslår :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Chatforum med htmlkoder

Indlæg af scootergrisen » 9. apr 2016, 15:22

Jeg brugte engang den her:
http://www.phpfreechat.net/src/1.0/

Det ser ud til at der er en nyere version som jeg dog ikke har prøvet:
http://www.phpfreechat.net/demo

Du skal nok sætte dig ned og finde ud af hvad krav du har til chatten og hvilke muligheder du har på serveren hvor chatten skal være.
Problemet med de gammeldags chatte er at brugerens browser konstant skal stå og opdatere siden selv når der ikke er skrevet noget nyt, det er ikke særlig smart, tilgengæld virker det i alle mulige browsere.

De nye browsere kan gøre så de kun henter chatbeskeder når der bliver skrevet men så skal du nok have et webhotel der understøtter brug af det der socket, også virker det kun i de nyeste browsere.

Du kan også få chat lavet i flash og det vil jo så kræve at brugeren installere noget ekstra.

Så du må finde ud af hvad der er vigtigst for dig. Skal det virke og være gammeldags eller være smart og kun virke i nye browsere.

Kristensen1
Begynder
Indlæg: 5
Tilmeldt: 29. mar 2016, 17:20

Re: Chatforum med htmlkoder

Indlæg af Kristensen1 » 16. apr 2016, 12:23

Jeg har fået lavet en chat, men når man skriver noget i feltet kommer det bare ikke op som en chatbesked. Har i nogle ideer til hvorfor det ikke virker og evt. en løsning til hvad jeg kan gøre ved det.

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Chatforum med htmlkoder

Indlæg af scootergrisen » 16. apr 2016, 12:27

Det kunne være det hjalp hvis du gav et link eller viste koden.

cristian
Moderator
Moderator
Indlæg: 882
Tilmeldt: 26. sep 2011, 21:31
Kontakt:

Re: Chatforum med htmlkoder

Indlæg af cristian » 17. apr 2016, 00:30

Kristensen1 skrev:Jeg har fået lavet en chat, men når man skriver noget i feltet kommer det bare ikke op som en chatbesked. Har i nogle ideer til hvorfor det ikke virker og evt. en løsning til hvad jeg kan gøre ved det.
Som scooter skriver så vil du være nød til at give mere information.

Har du selv lavet dette?
Har du lavet socket programmering eller hivet et framework ind?
Har du et eksempel af det i aktion som vi kan se og teste?
Trækker ud nye chat beskeder ind med jQuery?

Kristensen1
Begynder
Indlæg: 5
Tilmeldt: 29. mar 2016, 17:20

Re: Chatforum med htmlkoder

Indlæg af Kristensen1 » 18. apr 2016, 10:02

HTML-koden

<!DOCTYPE html>

<html lang="da">
<head>
<title> Sideopsætning i HTML 5 </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<META name="keywords" content="" />
<META name="descrition" content="" />
<link rel="stylesheet" type="text/css" href="package.js">

<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px Helvetica, Arial; }
form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
#messages { list-style-type: none; margin: 0; padding: 0; }
#messages li { padding: 5px 10px; }
#messages li:nth-child(odd) { background: #eee; }
</style>


</head>
<body>
<ul id="messages"></ul>
<form action="">
<input id="m" autocomplete="off" /><button>Send</button>
</form>

<script src="package.js"></script>
<script>
var socket = io();
</script>
<script src="package.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
var socket = io();
$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
</script>

<script>
var socket = io();
$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
socket.on('chat message', function(msg){
$('#messages').append($('<li>').text(msg));
});
</script>
</body>
</html>



Javascript-koden

{
"name": "socket-chat-example",
"version": "0.0.1",
"description": "my first socket.io app",
"dependencies": {}
}

npm install --save express@4.10.2

var app = require('express')();
var http = require('http').Server(app);

app.get('/', function(req, res){
res.send('<h1>Hello world</h1>');
});

http.listen(3000, function(){
console.log('listening on *:3000');
});

app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});

npm install --save socket.io

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
res.sendfile('index.html');
});

io.on('connection', function(socket){
console.log('a user connected');
});

http.listen(3000, function(){
console.log('listening on *:3000');
});

io.on('connection', function(socket){
socket.on('chat message', function(msg){
console.log('message: ' + msg);
});
});

io.emit('some event', { for: 'everyone' });

io.on('connection', function(socket){
socket.broadcast.emit('hi');
});

io.on('connection', function(socket){
socket.on('chat message', function(msg){
io.emit('chat message', msg);
});
});

io.on('connection', function(socket){
console.log('a user connected');
socket.on('disconnect', function(){
console.log('user disconnected');
});
});

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Chatforum med htmlkoder

Indlæg af scootergrisen » 18. apr 2016, 11:46

Har du undersøgt om du kan køre en WebSocket server på dit webhotel?

Hvis ikke du kan så kan du ikke bruge den kode.

Hvis du bare har indsat alt den kode i en fil og håbede på det virkede så kunne det tyde på du endnu ikke har lært hvordan man indsætte JavaScript kode i en HTML fil.
Så prøv og øv dig lidt på det.
Du kan have HTML koden i en fil og CSS koden i en anden fil og JavaScript koden i en tredje fil.

Det er meningen du skal køre de kommandoer der starter med npm i en konsol/kommandoprompt.

Besvar