PDA

Afficher la version complète : [Réglé] Javascript comment modifier



adminlinux
03/12/2006, 14h40
Bonjour,

J'ai 2 code java qui ouvre une fenètre popup en sur impression, un pour des photos et l'autre pour du text

J'y connais absolument rien en javascript donc c'est des codes qui vienne du net.

le premier code qui ouvre du text, on peux déplacé la fenètre sous firefox


isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

function ddInit(e){
topDog=isIE ? "BODY" : "HTML";
whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");
hotDog=isIE ? event.srcElement : e.target;
while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
}
if (hotDog.id=="titleBar"){
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
nowX=parseInt(whichDog.style.left);
nowY=parseInt(whichDog.style.top);
ddEnabled=true;
document.onmousemove=dd;
}
}

function dd(e){
if (!ddEnabled) return;
whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;
whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
return false;
}

function ddN4(whatDog){
if (!isN4) return;
N4=eval(whatDog);
N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP );
N4.onmousedown=function(e){
N4.captureEvents(Event.MOUSEMOVE);
N4x=e.x;
N4y=e.y;
}
N4.onmousemove=function(e){
if (isHot){
N4.moveBy(e.x-N4x,e.y-N4y);
return false;
}
}
N4.onmouseup=function(){
N4.releaseEvents(Event.MOUSEMOVE);
}
}

function hideMe(){
if (isIE||isNN) whichDog.style.visibility="hidden";
else if (isN4) document.theLayer.visibility="hide";
}

function showMe(){
if (isIE||isNN) whichDog.style.visibility="visible";
else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");

Le segon , utilisé pour les photos ne peux pas se faire déplacer sous firefox


var _dir_images = "photos/";
var _xlayer = 100;
var _ylayer = 50;
var _couleur_fond = "#666699";
var _couleur_titre = "#FFFFFF";
var _bordure_titre = "#666699";
var _police = "Verdana,Arial,Helvetica,sans serif";
var _bouton_fermer = "idel.gif";
var _id_layer = "popup";
var _haut_titre = 20;

var nn4 = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var obj_layer = null;
var larg_image = 0;
var cache = true;
var X,Y,moveX,moveY,offsetX,offsetY;
var b_traine = false;

function init_layer() {
if (dom && (document.getElementById(_id_layer))) {
obj_layer = document.getElementById(_id_layer).style;
X = iex ? "event.clientX": "e.clientX";
Y = iex ? "event.clientY" : "e.clientY";
offsetX = (iex) ? "document.body.scrollLeft" : "pageXOffset";
offsetY = (iex) ? "document.body.scrollTop" : "pageYOffset";
}
else if (iex && (_id_layer)) {
obj_layer = _id_layer.style;
X="event.clientX";
Y="event.clientY";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
else if (nn4 && (document.layers[_id_layer])) {
obj_layer = document.layers[_id_layer];
X="e.pageX";
Y="e.pageY";
offsetX="pageXOffset";
offsetY="pageYOffset";
document.captureEvents(Event.MOUSEDOWN|Eve nt.MOUSEMOVE|Event.MOUSEUP);
}
if (obj_layer) {
obj_layer.left = _xlayer;
obj_layer.top = _ylayer;
}
}

function contenu_layer(contenu) {
if (nn4) {
obj_layer.document.write(contenu);
obj_layer.document.close();
obj_layer.visibility = "visible";
}
else if (dom) {
document.getElementById(_id_layer).innerHT ML = contenu;
obj_layer.visibility = "visible";
}
else if (iex) {
document.all[_id_layer].innerHTML = contenu;
obj_layer.visibility = "visible";
}
}

function fermer() {
if (!cache) {
obj_layer.visibility = "hidden";
cache = true;
}
}

function scroll_layer() {
if (document.all) {
obj_layer.left = parseInt(document.body.scrollLeft + _xlayer);
obj_layer.top = parseInt(document.body.scrollTop + _ylayer);
}
else {
obj_layer.left = parseInt(window.pageXOffset + _xlayer);
obj_layer.top = parseInt(window.pageYOffset + _ylayer);
}
}

function affiche_titre(texte) {
var ch_texte = "";
if (_bordure_titre) {
ch_texte += "<tr><td><table width='100%' cellspacing='1' cellpadding='0' border='0' bgcolor='" + _bordure_titre + "'><tr><td>";
ch_texte += "<tr><td><table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='" + _couleur_fond + "'><tr><td>";
}
ch_texte += "<tr><td align='center'" + (nn4 ? ">" : " width='100%'>") + "<font color='" + _couleur_titre + "' face='" + _police + "' size='1'>" + texte + "</font></td>";
ch_texte += "<td align='right'><img src='" + _bouton_fermer + "' border='1'> ('java)</td></tr>";
if (_bordure_titre) ch_texte += "</table></td></tr></table></td></tr>";
return ch_texte;
}

function affiche_soustitre(texte) {
return "<tr><td align='center'" + (_bordure_titre ? " colspan='2'>" : ">") + "<font color='" + _couleur_titre + "' face='" + _police + "' size='1'>" + texte + "</font></td></tr>";
}

function agrandir_image(fimage, largeur_image, titre, soustitre) {
init_layer();
if (obj_layer) {
larg_image = largeur_image;
cache = false;
var ch_texte = "<table cellspacing='0' cellpadding='2' border='0' bgcolor='" + _couleur_fond + "'>";
ch_texte += affiche_titre(titre);
ch_texte += "<tr><td align='center'" + (_bordure_titre ? " colspan='2'>" : ">") + "<img src='" + _dir_images + fimage + "' border='0'></td></tr>";
if (soustitre) ch_texte += affiche_soustitre(soustitre);
ch_texte += "</table>";
scroll_layer();
contenu_layer(ch_texte);
}
}

function init_traine(e) {
if (obj_layer && !cache) {
var Xin = eval(X);
var Yin = eval(Y);
var L = parseFloat(obj_layer.left);
var T = parseFloat(obj_layer.top);
var offX = (nn4)? 0 : eval(offsetX);
var offY = (nn4)? 0 : eval(offsetY);
if (Xin>(L-offX) && Xin<(L-offX+larg_image) && Yin>(T-offY) && Yin<(T-offY+_haut_titre)) {
b_traine = true;
moveX=Xin-L;
moveY=Yin-T;
}
else b_traine = false;
}
else b_traine = false;
}

function stop_traine() {
if (b_traine) {
moveX = null;
moveY = null;
b_traine = false;
}
}

function traine_layer(e) {
if (b_traine) {
var Xin = eval(X);
var Yin = eval(Y);
obj_layer.top = Yin - moveY;
obj_layer.left = Xin - moveX;
}
}

document.onmousedown=init_traine;
document.onmousemove=traine_layer;
document.onmouseup=stop_traine;

que faut'il modifier sur le segon code pour qu'il puisse se faire déplacer dans firefox ??

Merci au expert en javascript.

Dudule-le-poisson
03/12/2006, 15h51
Surtout, non, surtout ne nous donne aucune page-exemple permettant d'utiliser ces rafales de code, ça nous gâcherait le plaisir de t'aider...

adminlinux
03/12/2006, 16h04
le problème est que j'ai pas d'example autre que le site ....

adminlinux
03/12/2006, 23h29
poste bon pour délestage....

oh!rocks
03/12/2006, 23h52
Et si tu "délestais" plutôt ton javascript ?

Intégrer à la sauvage du code qu'on ne maîtrise pas ou peu, c'est limite sérieux !
Il existe sûrement une (quasi) alternative en pur CSS ...

à plus,

oh!rocks

<edit>
Tiens, finalement j'ai trouvé ça qui ressemble un peu à ton problème (http://forum.alsacreations.com/topic-5-16975-1-Je-sais-pas-trop-ou-poster-mais-cest-un-probleme-de-semantique-DHTM.html) ... Lis jusqu'au bout, c'est plein de code incompréhensible pour moi ! (une sombre histoire de ifrlayer ???)
</edit>

adminlinux
04/12/2006, 00h02
<div class='quotetop'>Citation </div>
Intégrer à la sauvage du code qu'on ne maîtrise pas ou peu, c'est limite sérieux ![/b]

Si tu as une alternative plus sérieuse, va y te gène surtout pas... dans le ca contraire abstient toi de tous commentaire.

oh!rocks
04/12/2006, 00h07
Je disais pas ça pour t'embêter ... http://www.alionet.org/style_emoticons/<#EMO_DIR#>/rolleyes.gif

Tu as lu mon <edit> ??

à plus,

oh!rocks

adminlinux
04/12/2006, 00h09
je suis dessus, merci pour le lien

j'ai cherché du coté de css que je connais mieux, mais rien...

oh!rocks
04/12/2006, 00h17
Tiens, pour que tu passes une complète nuit blanche dessus http://www.alionet.org/style_emoticons/<#EMO_DIR#>/biggrin.gif , un nouveau lien (http://css.alsacreations.com/Tutoriels-JavaScript/Faire-apparaitre-des-popups-sans-nouvelle-fenetre), peut-être mieux adapté (Javascript + CSS) ...

à plus,

oh!rocks

adminlinux
04/12/2006, 11h41
Merci pour le lien, j'ai trouvé mon bonheur comme sa...