Sujet Précédent Sujet Suivant

PHP : Centrer le tchat dans la page

Résolu/Fermé
medic12345 Messages postés 55 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 12 octobre 2013 - Modifié par medic12345 le 2/06/2012 à 21:30
medic12345 Messages postés 55 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 12 octobre 2013 - 2 juin 2012 à 21:44
Coucou !
Merci d'avoir pris conscience de mon message encore.

J'ai inséré un tchat dans mon site, http://adaben.net/chat , quand j'accède par google chrome et mozilla firefox, il est centré sur la page, sans problème. Mais quand j'accède par Internet explorer, le tchat est tout à gauche.

Voici le code de l'index du tchat :


<----- DEBUT DU CODE ------->
<center>
<br>
<br>
<body bgcolor="#00FF00">
<div id="picture">
<img src="http://dl.dropbox.com/u/47470353/Sauvegarde%20de%20site/Adam%20Data/conan-detective.gif" style="width: 200px; height: 240px" width="200" /></div>
<style type="text/css">
#picture {
position:absolute;
top: 50px;
right: 0px;
} </style>
<div id="picture2">
<img src="http://dl.dropbox.com/u/47470353/Sauvegarde%20de%20site/Adam%20Data/conan-detective-mirror.png" style="width: 200px; height: 240px" width="200" /></div>
<style type="text/css">
#picture2 {
position:absolute;
top: 50px;
left: 0px;
} </style>
<div id="picture3">
<img src="http://dl.dropbox.com/u/47470353/Sauvegarde%20de%20site/Adam%20Data/conan-detective.gif" style="width: 200px; height: 240px" width="200" /></div>
<style type="text/css">
#picture3 {
position:absolute;
top: 300px;
right: 0px;
} </style>
<div id="picture4">
<img src="http://dl.dropbox.com/u/47470353/Sauvegarde%20de%20site/Adam%20Data/conan-detective-mirror.png" style="width: 200px; height: 240px" width="200" /></div>
<style type="text/css">
#picture4 {
position:absolute;
top: 300px;
left: 0px;
} </style>
<center>
<center>
<?php
session_start();

function createForm(){
?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<table align="center">
<tr><td colspan="2">Merci de choisir un pseudonyme avant d'entrer sur le tchat Adam !</td></tr>
<tr><td>Votre pseudo: </td>
<td><input class="text" type="text" name="name" /></td></tr>
<tr><td colspan="2" align="center">
<input class="text" type="submit" name="submitBtn" value="Login" />
</td></tr>
</table>
<center>
</form>
<center>
<?php
}

if (isset($_GET['u'])){
unset($_SESSION['nickname']);
}

// Process login info
if (isset($_POST['submitBtn'])){
$name = isset($_POST['name']) ? $_POST['name'] : "Unnamed";
$_SESSION['nickname'] = $name;
}

$nickname = isset($_SESSION['nickname']) ? $_SESSION['nickname'] : "Hidden";
?>
<center>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<center>
<title>Tchat - Adam</title>
<center>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<center>
<script language="javascript" type="text/javascript">
<center>
<!--
var httpObject = null;
var link = "";
var timerID = 0;
var nickName = "<?php echo $nickname; ?>";

// Get the HTTP Object
function getHTTPObject(){
if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest) return new XMLHttpRequest();
else {
alert("Your browser does not support AJAX.");
return null;
}
}

// Change the value of the outputText field
function setOutput(){
if(httpObject.readyState == 4){
var response = httpObject.responseText;
var objDiv = document.getElementById("result");
objDiv.innerHTML += response;
objDiv.scrollTop = objDiv.scrollHeight;
var inpObj = document.getElementById("msg");
inpObj.value = "";
inpObj.focus();
}
}

// Change the value of the outputText field
function setAll(){
if(httpObject.readyState == 4){
var response = httpObject.responseText;
var objDiv = document.getElementById("result");
objDiv.innerHTML = response;
objDiv.scrollTop = objDiv.scrollHeight;
}
}

// Implement business logic
function doWork(){
httpObject = getHTTPObject();
if (httpObject != null) {
link = "message.php?nick="+nickName+"&msg="+document.getElementById('msg').value;
httpObject.open("GET", link , true);
httpObject.onreadystatechange = setOutput;
httpObject.send(null);
}
}

// Implement business logic
function doReload(){
httpObject = getHTTPObject();
var randomnumber=Math.floor(Math.random()*10000);
if (httpObject != null) {
link = "message.php?all=1&rnd="+randomnumber;
httpObject.open("GET", link , true);
httpObject.onreadystatechange = setAll;
httpObject.send(null);
}
}

function UpdateTimer() {
doReload();
timerID = setTimeout("UpdateTimer()", 5000);
}


function keypressed(e){
if(e.keyCode=='13'){
doWork();
}
}
//-->
</script>
</head>
<center>
<body onload="UpdateTimer();">
<center>
<div id="main">
<center>
<div id="caption"><img src="http://dl.dropbox.com/u/47470353/Sauvegarde%20de%20site/Adam%20Data/Capture11.PNG" height="50" width="200" >.</div>
</center>
<div id="icon"> </div>
<?php

if (!isset($_SESSION['nickname']) ){
createForm();
} else {
$name = isset($_POST['name']) ? $_POST['name'] : "Unnamed";
$_SESSION['nickname'] = $name;
?>
<center>
<div id="result">
<center>
<?php
$data = file("msg.html");
foreach ($data as $line) {
echo $line;
}
?>
<center>
</div>
<div id="sender" onkeyup="keypressed(event);">
Votre message: <input type="text" name="msg" size="30" id="msg" />
<button onclick="doWork();">Send</button>
</div>
<?php
}

?>
<center>
</div>
</center>
</body>




<---------Fin du code ----------------->






Je voudrais centrer le tchat, sur internet explorer aussi, comme vous voyez, y'a plein de <center> que j'ai ajouté, mais ils ne servent à rien.

Merci d'avance, bonne journée/soirée.
A voir également:

2 réponses

Réponse 1 / 2
lili34500 Messages postés 178 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 17 août 2012 16
2 juin 2012 à 21:32
essaye avec une div


<div align="center">
// ton code
</div>
1
medic12345 Messages postés 55 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 12 octobre 2013 5
2 juin 2012 à 21:44
Merci beaucoup :)
0
Réponse 2 / 2
medic12345 Messages postés 55 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 12 octobre 2013 5
2 juin 2012 à 21:44
Youpi Merci ! J'ai remplacé tout les <center> avec <div align="center"> et ça marche ! Merci beaucoup !
0

Discussions similaires

ALERT en php
snoopy -
appkech -

14 réponses
balise de retour à la ligne en php
2I++ -
Naguez Abderraouf -

5 réponses
que veut dire php natif
playboy-1990 -
avion-f16 -

2 réponses
get_magic_quotes_gpc sous PHP8.
Max747 -
Max747 -

2 réponses
comment crée un bouton en PHP
adnanforum -
arthezius -

4 réponses