begin process at 2012 02 05 23:27:12
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

LEs Boxes Agradir/Réduire


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

LEs Boxes Agradir/Réduire

mercredi 23 juillet 2008 à 15:27:53 | LEs Boxes Agradir/Réduire

infoplus22

Mon objectif est de faire exactement pareil que les Boxes qui se trouvent dans la partie de navigation gauche tout en bas du site: Mes RSS, Derniers logiciels, Divers.

J'ai entammé la réalisation de ces boxes depuis 15 jours mais j'ai pas réussi tout seul à faire pareil , j'ai posté beacoup de questions sur le forum mais en vain. Je dois présenter mon site dans pas longtemps , je vous prie de bien vouloir m'aider.

Merci

Info
mercredi 23 juillet 2008 à 15:46:13 | Re : LEs Boxes Agradir/Réduire

nicomilville

Membre Club
Re,

Déja la tu es sur de n'avoir aucune aide, c'est pas en postant une autre fois son problème qu'on  plus de réponse, on plus souvent des critiques !

Je t'a déja dit de regarder vers scriptaculous !

Et je te répète que ça m'étonerai que les sources de ces boites ne soit pas postés sur le forum !

a++

Si la réponse vous convient, pensez : Réponse acceptée !

mercredi 23 juillet 2008 à 16:05:52 | Re : LEs Boxes Agradir/Réduire

bultez

Membre Club
Bonjour,

>> j'ai posté beacoup de questions sur le forum mais en vain.
tant qu'on ne verra pas ton code, on ne pourra pas t'aider plus
>>je dois présenter mon site dans pas longtemps
t'es viré sinon ? ce n'est qu'un gadget !

                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 23 juillet 2008 à 16:09:00 | Re : LEs Boxes Agradir/Réduire

nicomilville

Membre Club
Et si tu prenais la peine de regarder les source js de code source avec firebug peut être que tu trouverai le code source de ces fameuses box !

a++

Si la réponse vous convient, pensez : Réponse acceptée !

mercredi 23 juillet 2008 à 21:05:42 | Re : LEs Boxes Agradir/Réduire

kazma

Administrateur CodeS-SourceS
jour
je te previent tout de suite c'est une version alarache a toi de voir pour le reste

<html><head>

<title>menu</title>

<style type="text/css">
.Style1 {
background-color: gray;
}
.element {
background-color: blue;
}
.element2 {
background-color: red;
}
.element3 {
background-color: black;
}
.element4 {
background-color: white;
}
</style>
<script>
var mnhv=0

function mnh(vl){
if(controle==1){
bl=vl
controle=2
}
var Table_haut=document.getElementById(bl)

if(mnhv==0){
Table_haut.style.top=Table_haut.offsetTop-10
if(Table_haut.offsetTop<=20){
Table_haut.style.top=20
mnhv=1
controle=0
bl=''
return false
}
setTimeout("mnh(bl)",16)
}
if(mnhv==1){
Table_haut.style.top=Table_haut.offsetTop+10
if(Table_haut.offsetTop>=(150)){
Table_haut.style.top=150
mnhv=0
controle=0
bl=''
return false
}
setTimeout("mnh(bl)",16)
}}

</SCRIPT>
</head>
<body bgcolor='green'>
<div class="element4" style='overflow:hidden;position:absolute;top:150px; left:300px; width:166px; height:800px; z-Index:10'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mh")'>
<div id='mh'class="element" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:11'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mi")'>
<div id='mi'class="element2" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:12'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mj")'>
<div id='mj'class="element3" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:13'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mk")'>
<div id='mk'class="element4" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:14'>
</div>
</div>
</div>
</div>
</div>
</html>
jeudi 24 juillet 2008 à 09:43:24 | Re : LEs Boxes Agradir/Réduire

infoplus22

Merci beacoup Kazma , je vais essayer d'adapter!!!



Info
jeudi 24 juillet 2008 à 10:51:07 | Re : LEs Boxes Agradir/Réduire

kazma

Administrateur CodeS-SourceS
j'ai fait quelques modif mais un bug subsiste il faut selon la condition appuyer deux fois sur le bouton j'ai cerne le probleme mais pas resolue quand le probleme sera resolue je pense que je mettrais la source sur le site


<html><head>

<title>menu</title>

<style type="text/css">
.Style1 {
background-color: gray;
}
.element {
background-color: blue;
}
.element2 {
background-color: red;
}
.element3 {
background-color: black;
}
.element4 {
background-color: white;
}
</style>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="gestion_position.js"></SCRIPT>
<script>
var mnhv=0

function mnh(vl,pb){
if(controle==1){
bl=vl
pl=pb
controle=0
}
var Table_haut=document.getElementById(bl)


if(mnhv==0){
if(Table_haut.offsetTop<=20){
mnhv=1
bl=''
return false
}
Table_haut.style.top=Table_haut.offsetTop-10
setTimeout("mnh(bl)",16)
}
if(mnhv==1){
if(Table_haut.offsetTop>=pb){
mnhv=0
bl=''
return false
}
Table_haut.style.top=Table_haut.offsetTop+10
setTimeout("mnh(bl,pl)",16)
}}

</SCRIPT>
</head>
<body bgcolor='green'>
<div class="element4" style='overflow:hidden;position:absolute;top:150px; left:300px; width:166px; height:800px; z-Index:10'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mh",120)'>
<div id='mh'class="element" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:11'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mi",150)'>
<div id='mi'class="element2" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:12'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mj",50)'>
<div id='mj'class="element3" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:13'>
<img src='btn.gif'style='position:absolute;' onclick='controle=1;mnh("mk",150)'>
<div id='mk'class="element4" style='position:absolute;top:20px;left:0;width:166px; height:300px; z-Index:14'>
</div>
</div>
</div>
</div>
</div>
</html>
jeudi 24 juillet 2008 à 11:01:48 | Re : LEs Boxes Agradir/Réduire

infoplus22

Ok , moi aussi j'essaye de voir comment adapter au boites qui existent sur le site(Surtout à changer l'image selon que la boite est ouverte ou fermée + et -). Sinnon j'arrive pas encore à aligner les boites verticalement : j'ai utilisé une table mais ca bug... Bref j'essaye. Bon courage!!!et Merci surtout

Info
jeudi 24 juillet 2008 à 11:07:59 | Re : LEs Boxes Agradir/Réduire

nicomilville

Membre Club
@infoplus22, bon courage, les boxs de ce site sont des label asp !

a+

Si la réponse vous convient, pensez : Réponse acceptée !

jeudi 24 juillet 2008 à 11:20:56 | Re : LEs Boxes Agradir/Réduire

infoplus22

Raté alors, sauf si je me convertis en asp, merci quand meme. Je vais essayé avec le script de Kezma , on peut faire pareil. Merci.

a+

Info

1 2 3

Cette discussion est classée dans : site, réduire, boxes, pareil, agradir


Répondre à ce message

Sujets en rapport avec ce message

Réduire agrandir une boite [ par infoplus22 ] Je veux faire un bouton permettant d'agrandir et de réduire une boite dans mon site.Ou plus exactement une boite qui se réduit et qui s'agrandit grace redimensionner les pages de site [ par yassinakata ] Bonsoir,voila j'aimerais ajouter  un bouton [+] et un bouton ,[-] pour que les membres puissent redimensionner la taille de la page qui s'affiche selo Problème d'affichage du site perso sous Internet Explorer 7 [ par Justkill ] Bonjour à vous tous,je viens pas souvent sur ce forum, mais lorsque que je viens c'est vraiment que j'ai rien trouvé.Voilà mon problème, j'ai un site probleme position fixe [ par jeep501 ] Bonjour, J'ai un client qui me demande ici : http://www.alteliostechnology.fr/fr/recherche_realisations.html de faire suivre la bulle de gauche "Pour Récupérer des données sur un site. [ par youdream ] Bonjour, mon problème est simple. je souhaite récupérer des données (Artiste et titre) sur la page d'une radio web via l'url par exemple afin de les a problème avec insérer une vidéo [ par TOONIE ] Bonjour, C'est tout nouveau pour moi : installer une vidéo sur mon site. Je suis allé sur google chercher des exemples et j'ai trouvé ceci : [JavaScript] Créer une fenêtre intérieure à la page à la Moodalbox ! [ par Dure ] Bonjour à tous,Voila je fais mon premier site et viens donc de me mettre à Javascript (j'ai déjà des notions de HTML et PHP/MySQL). J'aurais aimé fair Fenetre de connexion similaire à celle de ce site [ par younes371 ] Bonjour, je suis à la recherche d'une fene^tre de connexion similaire à ce celle des sites de codes sources ..., je m'explique :en cliquant sur un lie Compatibilité menu déroulant avec IE versions 4 5 et 6 !! [ par sanghoria ] Bonjour à tous,Je vous présente mon site actuel : http://www.annuaire-animaux.net/portail-animalier.php que j'ai décidé de relooker niveau design et d besion d'aide popup [ par sylveur ] bonjour je me joint à vous pour vous exposer mon probleme.je suis à la création d'un site, pour une amie et son assosiation.j'ai vous crée un systeme


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,825 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales