AJAX - coger texto de una url ycambiarlo en mi web...

 
Vista:

coger texto de una url ycambiarlo en mi web...

Publicado por Paranoid (1 intervención) el 02/10/2006 10:06:38
Estoy intentando hacer que se sustituya la url de un <img src='url'> en el cliente, y para ello llamo a una web alojada en mi server k imprime la url, y la tomo con este script, pero no se como hacer, para que la saque en una imagen... no tengo ni idea de ajax.... en mi server la imprimo por php, y llego a mostrar la ulr como texto metiendolo en un span en el cliente, pero sustituirlo en el img, no....

el script es el siguiente:

Código:
<script>
function clientSideInclude(id, url) {
var req = false;
// For Safari, Firefox, and other non-MS browsers
if (window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
} catch (e) {
req = false;
}
} else if (window.ActiveXObject) {
// For Internet Explorer on Windows
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
req = false;
}
}
}
var element = document.getElementById(id);
if (!element) {
alert("Bad id " + id +
"passed to clientSideInclude." +
"You need a div or span element " +
"with this id in your page.");
return;
}
if (req) {
// Synchronous request, wait till we have it all
req.open('GET', url, false);
req.send(null);
element.innerHTML = req.responseText;
} else {
element.innerHTML =
"Sorry, your browser does not support " +
"XMLHTTPRequest objects. This page requires " +
"Internet Explorer 5 or better for Windows, " +
"or Firefox for any system, or Safari. Other " +
"compatible browsers may also exist.";
}
}
</script>
y lo llamo haciendo un onLoad="clientSideInclude('includeone', 'http://url_demiserver-queimprime_el_enlace.php') en el body... y me lo imprime dnd ponga
<span id="includeone"></span>

y me lo muestr en pantalla... pero no logro k sustituya el src de la imagen.

Muchas gracias a tod@s
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro

Cambiar el atributo SRC de una etiqueta IMG con respuesta del servidor

Publicado por Alejandro (17 intervenciones) el 27/02/2024 17:20:55
Paranoid, para cambiar el atributo `src` de una etiqueta `<img>` en JavaScript, puedes modificar directamente la propiedad `src` del elemento. Aquí hay una modificación en tu código para lograr esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<script>
function clientSideInclude(id, url) {
    var req = false;
 
    if (window.XMLHttpRequest) {
        try {
            req = new XMLHttpRequest();
        } catch (e) {
            req = false;
        }
    } else if (window.ActiveXObject) {
        try {
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                req = false;
            }
        }
    }
 
    var element = document.getElementById(id);
 
    if (!element) {
        alert("Bad id " + id +
            " passed to clientSideInclude." +
            " You need a div or span element " +
            " with this id in your page.");
        return;
    }
 
    if (req) {
        req.open('GET', url, true);
        req.onreadystatechange = function () {
            if (req.readyState === 4 && req.status === 200) {
                // Modificar directamente el src del elemento img
                var imgElement = document.createElement('img');
                imgElement.src = req.responseText;
                element.appendChild(imgElement);
            }
        };
        req.send(null);
    } else {
        element.innerHTML =
            "Sorry, your browser does not support " +
            "XMLHTTPRequest objects. This page requires " +
            "Internet Explorer 5 or better for Windows, " +
            "or Firefox for any system, or Safari. Other " +
            "compatible browsers may also exist.";
    }
}
</script>

En este ejemplo, se crea un nuevo elemento `img` y se establece su atributo `src` con el contenido de la respuesta del servidor. Luego, se agrega este elemento `img` como hijo del elemento con el ID especificado. Asegúrate de que el contenedor (`span` o `div`) tenga un tamaño suficiente para mostrar la imagen correctamente. Además, ten en cuenta que esta solución creará un nuevo elemento `img` cada vez que se realice la llamada AJAX. Si deseas reemplazar la imagen existente en lugar de agregar una nueva, puedes hacerlo ajustando la lógica según tus necesidades.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar