Forums Développement Multimédia

Aller au contenu

Waldos

Inscrit(e) (le) 01 Feb 2007
Déconnecté Dernière activité Jul 23 2020 12:43 PM
-----

Sujets que j'ai initiés

Concatenation

23 July 2020 - 11:26 AM

Bonjour,
Désolé pour cette question un peu basique, mais j'ai cette ligne de code :
if( strstr($produitspanier, $codeitem['monlivre']."/"))

Et la concatenation ne semble pas fonctionner.
$codeitem['monlivre'] est égale à 328, et je voudrait qu'il me cherche si $produitpanier contient la chaîne "328/"
Est-ce possible d'assembler ma variable avec le / à ce moment là ou suis-je obligé de le faire avant ?

Merci d'avance.

Problème d'exportation en PNG

30 May 2020 - 10:01 AM

Bonjour,

Je me suis retrouvé confronté pour la première fois à un petit problème sur photoshop.

J'ai une image de 8px en largeur sur 25000 px en hauteur, et quand j'essaye de faire "Exportation pour le web" et que je choisis PNG ou PNG-24, la fenêtre me redimensionne mon image à 37,5 %, et impossible de monter au dessus. Du coup mon image sort toute moche à l'exportation.

Pourtant ça n'a pas toujours été comme ça, puisque j'ai une version de cette même image avec le même format qui a bien été exportée correctement via "exportation pour le web", puisqu'elle ne fait que 3 Ko.

Lorsque j'exporte cette même image via n'importe quel autre menu, son poids double (6ko).

Ai-je coché quelque chose qu'il ne fallait pas pour que le menu "exportation pour le web" décide de me redimenssionner les images exportées en png en fonction de leur taille ?

Merci d'avance.

Ouvrir un accordion à un endroit spécifique en fonction de l'adresse de la page.

11 September 2019 - 11:43 AM

Bonjour,

J'ai récupéré le code d'un petit accordion assez simple, mais je n'arrive pas à trouver le code pour ouvrir celui-ci à un onglet différent en fonction du nom de la page dans la barre d'adresse.

un truc du genre:


Event.observe(window, 'load', loadAccordions, false);


  function loadAccordions() {
if( location.href=='https://www.raoul-douglas.com\/temporaire\/php\/tests\/accordion-8.php'){
alors je déploie la deuxième section de mon accordion.
}
}
 

Voici le code de la page de mon accordion :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans titre</title>
<style>
li, ul {
list-style: none
}
.myNav { width:200px; background-color: #f7f3c6; border:2px solid #666666;}
.myNav-item:not(:first-child) { border-top:1px solid #4d4d4d;background-color: #f7f3c6; }
.myNav-link { display:block; padding:8px 10px;background-color: #f7f3c6; }
.myNav-content { padding:0 20px; padding-bottom:8px;background-color: #f7f3c6; }
.ui-accordion-content { display:none; }
.active > .ui-accordion-content { display:block; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/temporaire/php/tests/accordion-8.js"></script>
<script>
$(document).ready(function() {
  $('.myNav').simpleAccordion();
  $('.myNav2').simpleAccordion();})
</script>
</head>
<body>
<table><tr><td>
<table><tr><td>

<ul class="myNav" id="myNav">
<li class="myNav-item ui-accordion-item" id="conteneur">
  <a class="myNav-link ui-accordion-trigger" href="#">Category 1</a>
  <ul class="myNav-content ui-accordion-content">
   <li><a href="#">Category 1-1</a></li>
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
<li id="testli" class="myNav-item ui-accordion-item" id="conteneur">
  <a id="testa" class="myNav-link ui-accordion-trigger" href="#">Category 2</a>
  <ul class="myNav-content ui-accordion-content">
   <li><a href="#">Category 1-1</a></li>
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
        <li class="myNav-item ui-accordion-item">
  <a class="myNav-link ui-accordion-trigger" href="#">Category 3</a>
  <ul class="myNav-content ui-accordion-content">
 
                        <li class="myNav-item ui-accordion-item">
  <a class="myNav-link ui-accordion-trigger" href="#">sous categorie 1</a>
  <ul class="myNav-content ui-accordion-content">
   <li><a href="#">Category 1-1</a></li>
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
</ul>
</td>
<td width="100"></td>
<td>
<table><tr><td>
<ul class="myNav2">
<li class="myNav-item ui-accordion-item">
  <a class="myNav-link ui-accordion-trigger" href="#">Category 1</a>
  <ul class="myNav-content ui-accordion-content">
   <li><a href="#">Category 1-1</a></li>
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
<li class="myNav-item ui-accordion-item">
  <a class="myNav-link ui-accordion-trigger" id="cat2" href="#">Category 2</a>
  <ul class="myNav-content ui-accordion-content">
   <li><a href="#">Category 1-1</a></li>
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
        <li class="myNav-item ui-accordion-item">
  <a class="myNav-link ui-accordion-trigger" href="#">Category 3</a>
  <ul class="myNav-content ui-accordion-content">
 
                        <li class="myNav-item ui-accordion-item">
  <a class="myNav-link ui-accordion-trigger" href="#">sous categorie 1</a>
  <ul class="myNav-content ui-accordion-content">
   <li><a href="#">Category 1-1</a></li>
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
   <li><a href="#">Category 1-2</a></li>
   <li><a href="#">Category 1-3</a></li>
  </ul>
</li>
 
</ul>
</td></tr></table>
</td></tr></table>
</body>
</html>
 

et celui du JS qui va avec :


(function($) {
   $.fn.simpleAccordion = function(options) {
          var opts = $.extend({
                        'item': '.ui-accordion-item',
                        'trigger': '.ui-accordion-trigger',
                        'content': '.ui-accordion-content',
                        'active': 'active',
                        'autoClose': false,
                        'multiOpen': false,
                        'speed': 300
                  }, options);
       
          /*** [Function] Check if item is opened ***/
          var isOpen = function($item) {
                 return $item.hasClass(opts.active) ? true : false;
          };
          /*** [Function] Close accordion item ***/
          var close = function($item) {
                 $item
                        .find(opts.content).eq(0)
                        .slideUp(opts.speed, function() {
                        $item.removeClass(opts.active);
                 });
          };
          /*** [Function] Open accordion item ***/
          var open = function($item) {
                 if( !opts.multiOpen ) {
                        var $itemActive = $item.siblings('.' + opts.active);
                        close($itemActive);
                 }
                 var $content = $item.find(opts.content).eq(0);
                 $content.hide();
                 $item.addClass(opts.active);
                 $content.slideDown(opts.speed);
          };
          /*** Init accordion ***/
          return this.each(function(){
                 var $this = $(this),
                         single = $this.find( opts.item ).length ? false : true;
                 $this.find(opts.trigger).on('click.simpleAccordion', function(e){
                        e.preventDefault();
                        var $item = single ? $this : $(this).closest(opts.item);
                        isOpen($item) ? close($item) : open($item);
                 });
                 if( opts.autoClose ) {
                        $(document).on('click', function(e){
                           if( $(e.target).closest($this).length === 0 ) {
                                  if(single && $this.hasClass(opts.active)) {
                                         close( $this );
                                  }
                                  else {
                                         $this.find(opts.item + '.' + opts.active).each(function () {
                                                close( $(this) );
                                         });
                                  }
                           }   
                        });
                 }
          });
   };
})(jQuery);
 


Merci d'avance !