Buenas tardes ayuda... tengo este codigo que lo que hace es minimizar y maximizar una ventana que seria para un chat, y necesito programar una funcion que cada vez que le haga click a un elemento me abra una igual a la del chat !
<html>
<title>Chat</title>
<head>
<link rel="stylesheet" type="text/css" href="chat.css" />
<script language="javascript" type="text/javascript"><!-- Script del tutorial-->
<!--
function minimizar(nombre_capa){
document.getElementById(nombre_capa).style.display ="none";
}
function maximizar(nombre_capa){
document.getElementById(nombre_capa).style.display ="block";
}
//-->
</script>
</head>
<body>
<div id="titulo1" class="titulo">
<div id="botones">
<input name="imagefield" type="image" src="bajar.png" onclick="minimizar('capa1')"/>
<input name="imagefield" type="image" src="subir.png" onclick="maximizar('capa1')"/>
</div>
Chat
<img src="chat.png" width="16px" height="16px">
</div>
<div id="capa1">
<h2><p align="center"> Lista de amigos </p></h2>
<?php
include ('sesion.php');
include ('funcion.php');
$my_id = $_SESSION['id'];
$friend_query = mysql_query("SELECT user_one, user_two FROM friends WHERE user_one='$my_id' OR user_two='$my_id'");
while($run_friend = mysql_fetch_array($friend_query)){
$user_one = $run_friend['user_one'];
$user_two = $run_friend['user_two'];
if($user_one == $my_id){
$user = $user_two;
}else{
$user = $user_one;
}
$username = getuser($user, 'nombre');
$from_apellido = getuser($user,'apellido');
$from_url = getuser($user,'url');
$imagen = "<img src='".$from_url."' width='30px' height='30px' valign='middle'/>";
echo "$imagen $username $from_apellido <img src='disponible.png' width='09px' height='09px'><br><br>";
}
?>
</div>
</body>
</html>