OVH Cloud OVH Cloud

exemple d'inclusion par ajax

33 réponses
Avatar
pere.noel
je comence à regarder AJAX (XMLHTTPRequest) j'ai suivi deux tuto pour
débutant, j'arrive à inclure un texte dans une div.

le texte est une string.

ce que j'aimerais c'est essayer d'inclure un texte contenu dans un
fichier.

des pistes d'exemples ???

--
une bévue

10 réponses

1 2 3 4
Avatar
pere.noel
O.L. wrote:

Ce qui m'a choqué, c'est que tu *commences* par parler de server-side


bon ben effectivement grâce à un script trouvé sur :

<http://www.openhosting.co.uk/articles/webdev/5899/> (OpenHosting)

j'ai ce que je cherchais, pouvoir afficher un REAME.txt à la demande :

<http://www.yvon-thoraval.com/AJAX/tuto/OpenHosting/ajax-introduction/in
dex.htm>


merci à tous !!!
--
une bévue

Avatar
pere.noel
Une bévue wrote:


j'ai ce que je cherchais, pouvoir afficher un REAME.txt à la demande :

<http://www.yvon-thoraval.com/AJAX/tuto/OpenHosting/ajax-introduction/in
dex.htm>


une autre utilisation, pour moi, est de pouvoir charger une image, assez
lourde dans mon cas (224 ko).

j'ai donc modifier le script original (il est là :
<http://www.yvon-thoraval.com/AJAX/tuto/DynamicDrive/index_img.html>
dans head)

afin que le script prenne en compte le type associé à une image png :

else if (file.indexOf(".png")!=-1){ //If object is a png file
fileref=document.createElement("img")
fileref.setAttribute("src", "file");
fileref.setAttribute("type", "image/png");
}

mais, il y a un HIC, ça charge bien qqc mais c'est le bin qui est
affiché dans le nav ... )))

où est mon erreur ???

--
une bévue

Avatar
ASM
Une bévue wrote:

j'ai ce que je cherchais, pouvoir afficher un REAME.txt à la demande :

<http://www.yvon-thoraval.com/AJAX/tuto/OpenHosting/ajax-introduction/in
dex.htm>



Sinon, qque chose qui t'interressera sûrement pour
- tes menus ?
- récupérer un morceau de fichier ?
http://developer.apple.com/internet/webcontent/XMLHttpRequestExample/example.html
http://developer.apple.com/internet/webcontent/xmlhttpreq.html

une autre utilisation, pour moi, est de pouvoir charger une image, assez
lourde dans mon cas (224 ko).

j'ai donc modifier le script original (il est là :
<http://www.yvon-thoraval.com/AJAX/tuto/DynamicDrive/index_img.html>
dans head)

afin que le script prenne en compte le type associé à une image png :

else if (file.indexOf(".png")!=-1){ //If object is a png file
fileref=document.createElement("img")


fileref.src = 'file';
fileref.type = 'image/png';

fileref.setAttribute("src", "file");
fileref.setAttribute("type", "image/png");
}

mais, il y a un HIC, ça charge bien qqc mais c'est le bin qui est
affiché dans le nav ... )))


le binz veux-tu dire ?

où est mon erreur ???


nav bin zouick srchrt ?

Mais ça a l'air réparé j'ai une grande image là.

--
ASM


Avatar
O.L.
Une bévue wrote:


j'ai ce que je cherchais, pouvoir afficher un REAME.txt à la demande :

<http://www.yvon-thoraval.com/AJAX/tuto/OpenHosting/ajax-introduction/in
dex.htm>


une autre utilisation, pour moi, est de pouvoir charger une image, assez
lourde dans mon cas (224 ko).


Si tu essaies de charger le contenu d'une image (les 220 Ko de données
binaires), c'est clair que ça risque pas de marcher (enfin je pense).
A ma connaissance, tu peux récupérer une adresse (http://.../image.png)
mais si tu récupères les données binaires tu ne pourra rien en faire.

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net


Avatar
O.L.
Francis Spiesser avait énoncé :
O.L. a utilisé son clavier pour écrire :


J'avais lu !
Ce qui m'a choqué, c'est que tu *commences* par parler de server-side ...
;-)


Cas général -> cas particulier


OK :)

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net


Avatar
pere.noel
ASM wrote:


Sinon, qque chose qui t'interressera sûrement pour
- tes menus ?
- récupérer un morceau de fichier ?
http://developer.apple.com/internet/
webcontent/XMLHttpRequestExample/example.html

http://developer.apple.com/internet/
webcontent/xmlhttpreq.html


ok, merci...


une autre utilisation, pour moi, est de pouvoir charger une image, assez
lourde dans mon cas (224 ko).

j'ai donc modifier le script original (il est là :
<http://www.yvon-thoraval.com/AJAX/tuto/DynamicDrive/index_img.html>
dans head)

afin que le script prenne en compte le type associé à une image png :

else if (file.indexOf(".png")!=-1){ //If object is a png file
fileref=document.createElement("img")


fileref.src = 'file';
fileref.type = 'image/png';


ok, j'essaierai ça en revenant du toubib )))


fileref.setAttribute("src", "file");
fileref.setAttribute("type", "image/png");
}

mais, il y a un HIC, ça charge bien qqc mais c'est le bin qui est
affiché dans le nav ... )))


le binz veux-tu dire ?

où est mon erreur ???


nav bin zouick srchrt ?

Mais ça a l'air réparé j'ai une grande image là.


non pas vraiment car j'ai "wrappé" (enrobé?) l'image dans du html :

<html>
<head></head>
<body>
<img src="writing_c_extensions_4_ruby.png" border="0">
</body>
</html>

j'aimerais mieux ne pas avoir à faire ce genre de manip...

en tout ça progresse et je vais pouvoir faire ce que je souhaite pour
les manuels...

es-tu aller voir l'effet de zoom chez transmit ?
<http://www.panic.com/transmit/>

aller vers le bas de la page au niveau des screenshots (capture écran
pour toi)))))
--
une bévue


Avatar
pere.noel
O.L. wrote:


Si tu essaies de charger le contenu d'une image (les 220 Ko de données
binaires), c'est clair que ça risque pas de marcher (enfin je pense).
A ma connaissance, tu peux récupérer une adresse (http://.../image.png)
mais si tu récupères les données binaires tu ne pourra rien en faire.


c'est mon expérience en tout cas, il m'a suffit de wrapper l'image dans
un bout de html tout bête pour que ça roule ...
--
une bévue

Avatar
ASM

c'est mon expérience en tout cas, il m'a suffit de wrapper l'image dans
un bout de html tout bête pour que ça roule ...


Pourtant n'avait-on pas eu des déboires avec Safari pour ce genre de
page dans un tag object ?

--
ASM

Avatar
ASM

es-tu aller voir l'effet de zoom chez transmit ?
<http://www.panic.com/transmit/>


Oui oui. pas mal.

aller vers le bas de la page au niveau des screenshots (capture écran
pour toi)))))


Ouais screen-shot je connais ça depuis l'Atari, mais c'est vrai que
capture-écran c'est tt de même mieux (je dois être vaguement chauvin?).

Bon je n'ai pas investigué leur JS de zoom qui doit être tt de même un
peu coton. (css pour que l'image zoomée surimposée démarre de la
vignette pour finalement être centrée dans la page plus retour à la normale)

Sinon un zoom grossier (2x) avec changement d'image (petite<->grande) :

<img src="petite.jpg"
style="cursor: pointer"
onload="
if( typeof (this.petite) == 'undefined')
this.petite = this.src;
if( typeof (this.large) == 'undefined')
this.large = this.width;
if( typeof (this.grande) == 'undefined')
{
this.grande = new Image();
this.grande.onload = function()
{ window.status='grande vue de : ['+this.src+'] chargee'; };
this.grande.src='grande_vue.jpg';
}"
onclick="if(this.src==this.petite)
{
this.src = this.grande.src;
this.style.width = this.large*2+'px';
}
else
{
this.src = this.petite;
this.style.width = this.large+'px';
}"
alt="vue exemple"
title="clic pour zoom(+) zoom(-)">

--
ASM

Avatar
pere.noel
ASM wrote:


Pourtant n'avait-on pas eu des déboires avec Safari pour ce genre de
page dans un tag object ?


non, là je ne fais pas ça avec un tag object mais avec XMLHttpRequest...
--
une bévue

1 2 3 4