Repositionner éléments d'un javascript

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Repositionner éléments d'un javascript

Message par Kingston Mar 06 Mai 2014, 18:34

Bonjour,

Voilà, cela fait un petit bout de temps que sur mon forum j'ai un script type javascript qui permet aux membres de choisir entre garder un header en particulier ou rester sur les headers aléatoires. Nous venons à peine de changer de design et nous avons opté pour un header de fond, jusque là tout va bien mais petit problème, du coup le header a une marge en haut et il est collé à gauche au lieu d'être centrer. Je n'avais pas ces problèmes avant de passer en header de fond, j'ai essayé de tenter quelques faintes en CSS mais rien n'y fait, est-ce possible modifier en css les éléments du script qui correspondent au header et aussi aux textes que j'aimerais mettre à droite et pas à gauche. Voilà le fameux script :

Code:
function createCookie(name,value,days) {
   if (days) {
      var date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      var expires = "; expires="+date.toGMTString();
   }
   else var expires = "";
   document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++) {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}

function eraseCookie(name) {
   createCookie(name,"",-1);
}

function keep_header(num) {
createCookie('header', num, 100);
$(".choixheader").replaceWith("<div class='choixheader'><a href='#' onClick='random_header()'>REVENIR A L'ALEATOIRE</a></div>");
}

function random_header() {
eraseCookie('header');
location.reload();
}
  
  var cookie = readCookie('header');
  var tab = new Array();

/* METTEZ ICI LES ADRESSES DE VOS BANNIERES
VOUS POUVEZ EN METTRE AUTANT QUE VOUS VOULEZ
IL SUFFIT DE RAJOUTER DES LIGNES */

tab[tab.length] = "URL1";
tab[tab.length] = "URL2";

  
$(document).ready(function(){
  
  var num_header = Math.floor(Math.random()*tab.length);
  var message = "<div class='choixheader'><a href='#' onClick='keep_header(" + num_header + ")'>SELECTIONNER</a></div>";
  if(cookie != null) {
     num_header = cookie;
  message = "<div class='choixheader'><a href='#' onClick='random_header()'>REVENIR A L'ALEATOIRE</a></div>";
  }
  $('#i_logo').attr('src',tab[num_header]);
  $('body').prepend(message);
});

Merci d'avance


Dernière édition par Kingston le Ven 09 Mai 2014, 16:46, édité 1 fois
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Kingston Mer 07 Mai 2014, 17:15

Up
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Kingston Jeu 08 Mai 2014, 20:03

Update
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Lixyr Ven 09 Mai 2014, 00:13

Bonsoir, Kingston,

Peut-on avoir le lien du forum concerné ?
Sinon à tout hasard avez-vous essayé de mettre ceci dans votre CSS ?
Code:
.choixheader {background-size:100%; background-position: 50% 0%;}


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Repositionner éléments d'un javascript 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Repositionner éléments d'un javascript 3592387030 pour prévenir la modération.

Repositionner éléments d'un javascript Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Kingston Ven 09 Mai 2014, 16:45

Merci beaucoup le code fonctionne à merveille
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum