Llamada PHP desde javascript
Tengo hecha una página web en PHP, solo que ahora, una vez generada, me interesa que en la función "onClick" de uno de los links, me ejecute otro cófigo php, para que cargue una imagen en el mismo documento sin que borre el resto de la página, solo que añada la imagen que lee de la base de datos. ¿Eso se puede hacer?, ¿Cómo?. He probado de añadir <script language="php" src="codigo.php"></script> y luego en onClick="funcionphp()" pero no funciona.
Muchas gracias
Muchas gracias
1 Respuesta
Respuesta de bankhacker
1
Lo que pides es difícil. Puedes hacer algo parecido en JavaScript y es que al pulsar o seleccionar un control, mediante el evento onClick ejecutes una rutina de JAVASCRIPT, no de PHP, que lo que haga sea cambiar el origen de una imagen ya existente en la página web, que inicialmente bien puede ser una imagen en blanco, y así produciría el efecto de aparecer en pantalla al pulsar.
Aquí te paso unas referencias que te pueden ayudar ...
¿How can I change an IMG that is in a(nother) layer?
http://www.faqts.com/knowledge_base/view.phtml/aid/1415/fid/128
How can I dynamically add an IMG element to a page?
http://www.faqts.com/knowledge_base/view.phtml/aid/2006/fid/128
Aquí te paso unas referencias que te pueden ayudar ...
¿How can I change an IMG that is in a(nother) layer?
http://www.faqts.com/knowledge_base/view.phtml/aid/1415/fid/128
How can I dynamically add an IMG element to a page?
http://www.faqts.com/knowledge_base/view.phtml/aid/2006/fid/128
Muchísimas gracias por la respuesta, lo que pasa es que no formulé bien la pregunta.. la idea de cargar la imagen con un PHP era que la imagen no se cargara cuando bajas la página por que tarda mucho entonces si la pongo oculta, igualmente se está cargando, y yo solo quiero que se cargue si haces "click" por que no hay solo una imagen, hay 128 así que... como no todo el mundo quiere ver todas... pues eso :) de todas maneras muchísimas gracias, ¿si se os ocurre una solución para lo expuesto me la decís ok?.
Gracias otra vez
Gracias otra vez
Este código permite cambiar una imagen por otra al clickar con el ratón. De igual modo, puedes colocar una imagen de 0 bytes por defecto en el marco de la foto, pero al hacer click, permitir que cargue una nueva imagen que vendrá dada por el array. De este modo, podrás controlar la carga de imágenes sin problemas.
<html><head><title>Random Image Rotator</title>
<script language="JavaScript">
<!-- Begin
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = new Image();
images[1].src = "01.jpg";
images[2] = new Image();
images[2].src = "02.jpg";
images[3] = new Image();
images[3].src = "03.jpg";
images[4] = new Image();
images[4].src = "04.jpg";
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
// End -->
</script>
</head>
<body bgcolor="#ffffff" onLoad="swapPic()">
<center>
<img name="rImage" src="01.jpg" width=120 height=90>
</center>
</body>
</html>
<html><head><title>Random Image Rotator</title>
<script language="JavaScript">
<!-- Begin
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = new Image();
images[1].src = "01.jpg";
images[2] = new Image();
images[2].src = "02.jpg";
images[3] = new Image();
images[3].src = "03.jpg";
images[4] = new Image();
images[4].src = "04.jpg";
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
// End -->
</script>
</head>
<body bgcolor="#ffffff" onLoad="swapPic()">
<center>
<img name="rImage" src="01.jpg" width=120 height=90>
</center>
</body>
</html>
