Hace algun tiempo tome de la web un script con "ajax" que permite tener varios HTMLs e incluirlos en un solo DIV secuencialmente.
Claro que deseo que uno de los HTML ya este cargado, en el caso del selector lo solucione asi:
<select onchange="cargaXML(this.value)">
<option value="
inicio.html">Elige...</option>
<option value="001.html">001</option>
<option value="002.html">002</option>
<option value="003.html">003</option>
</select>
Todo va de maravillas, pero ocurre que el selector (en cuestion) me queda "antiestetico" en un proyecto web.
La idea es "reemplazar" (el selector) por un "texto" o "imagen" que "llame" al HTML que deseo visualizar en el DIV.
Se puede..?
Aqui el codigo completo:
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Mini-tutorial AJAX</title>
<script src="ajax.js" language="JavaScript"></script>
<style>
#detalles {
margin: 20px;
border: 1px solid #F0F0F0;
padding: 10px;
font-size: 10px;
}
</style>
</head>
<body>
<h4>Mini-tutorial AJAX</h4>
<select onchange="cargaXML(this.value)">
<option value="">Elige...</option>
<option value="001.html">001</option>
<option value="002.html">002</option>
<option value="003.html">003</option>
</select>
<div id="detalles"></div>
</body>
</html>
Saludos...