Aller au contenu

VlNCENT

Membres
  • Compteur de contenus

    49
  • Inscription

  • Dernière visite

Autres informations

  • Votre config
    Un peu de tout...
  • Mes langues
    Français

Visiteurs récents du profil

1 475 visualisations du profil

VlNCENT's Achievements

Member

Member (4/12)

0

Réputation sur la communauté

  1. Bonjour à chacun et chacune, Le problème est résolu grâce à ce script : $(function(){ let indexItem=$('#contenu .item') .map((index,item)=>{ if($(item).find('[href]').length) return index; }).get().shift(); $("#onglets .nav-link").eq(indexItem).addClass('actif'); $('#contenu .item').eq(indexItem).show(); $("#onglets .nav-link") .click(function(){ $(this).parent().children() .removeClass("actif") .parent().find(this) .addClass('actif'); $("#contenu .item").hide() .parent().find('.item') .eq($(this).index()).show(); }) .each(function(index){ if($("#contenu .item:eq("+index+") [href]").length==0){ $(this).hide(); $("#contenu .item").eq(index).hide(); } }); }); Il fonctionne parfaitement avec la dernière lib de Jquery dans ce cas si https://code.jquery.com/jquery-3.6.2.slim.min.js Belle journée à toutes et tous.
  2. Bonjour à toutes et tous, Un ami me demande de mettre à jour son site en responsive et a choisi un thème Bootstrap (Arsha) qui lui plait. Le site est fini (pas encore en ligne) cependant j’ai un souci sur une page qui est une revue de presse. Il ne veut pas de php et ne sait pas trop bien magner le HTML, mais suffisamment pour mettre des liens dans cette revue. Tous les pages seront prêtes à l’avance et ce pour les vingt années qui suivent. La revue de presse est un menu à onglets et j’aimerais que les onglets s’activent automatiquement sans devoir préciser en html celui qui doit être actif comme cela l’est actuellement, et ce pour éviter les erreurs et lui faciliter le travail. Il y à deux script Jquery qui fait fonctionner ce menu avec un peu de css. Le premier permet que s’il n’y a rien dans la div qui contient le contenu de l’onglet en question, de ne pas afficher l’onglet. <script> $(document).ready(function() { if ( $("#Décembre").text()){ $('#Déc').show(); } else { $('#Déc').hide(); } $('#Décembre').prepend('<h2>Décembre</h2>'); if ( $("#Novembre").text()){ $('#Nov').show(); } else { $('#Nov').hide(); } $('#Novembre').prepend('<h2>Novembre</h2>') });</script> Le second (celui qui me cause un souci) gère l’activation de l’onglet et le contenu de celui-ci, mais il faut le préciser en html avec la class actif. <li id="Nov" class="nav-link actif">Novembre</li> <script> $(function() { $('#onglets').css('display', 'inline-flex'); $('#onglets').click(function(event) { var actuel = event.target; if (!/li/i.test(actuel.nodeName) || actuel.className.indexOf('actif') > -1) { } $(actuel).addClass('actif').siblings().removeClass('actif'); setDisplay(); }); function setDisplay() { var modeAffichage; $('#onglets li').each(function(rang) { modeAffichage = $(this).hasClass('actif') ? '' : 'none'; $('.item').eq(rang).css('display', modeAffichage); }); } setDisplay(); }); </script> Pas sur que je me fais bien comprendre... Dans le fichier de démo test_7 Décembre ne s’affiche pas car pas de texte (ou de lien), vide. Le mois de Novembre, son onglet est actif car préciser en html via une class et avec le script qui correspond. <li id="Nov" class="nav-link actif">Novembre</li> Mais ce n’est pas bon c’est le mois de Novembre qui devrais l’être, il faudrait donc le rendre actif en html et ne pas rendre actif le mois d’octobre et ce manuellement ce que je voudrais éviter. Si j’enlève en html la class actif en toute logique aucun onglet et son contenu ne s’activent tel que dans le fichier démo test 8. Et tel quel c’est ce qu’il faudrait mais que Novembre s’active automatiquement étant le dernier onglets à avoir du contenu. Les deux fichier en question : https://sumto.be/archives_presse/test_7.html et https://sumto.be/archives_presse/test_8.html J’ai testé des dizaines de possibilités mais ne m’y connaissant pas du tout, je ne trouve pas… Merci à vous d’avoir lu, tout aide sera la bienvenue. Vincent
  3. Salut Dylav, Sry pour la réponse tardive. Oui et non je me suis mal exprimé. Sur grand écran l'ordre est bon CAD : 2 - 4 -5. Sur petit écran l'ordre devrait être 4- 2 - 5 et avec ton code, l'ordre est toujours de 2 - 4 -5 Actuellement le seul moyen "propre" pour contourner ce problème est de créer un bloc supplémentaire cacher sur grand écran et de le faire apparaitre sur petit écran, celui-ci contenant le même texte du bloc 2 (bla blo blu). Il faut aussi caché le bloc 2 sur petit écran. Le code donne ceci : <div class="container"> <div class="row"> <div class="col-lg-3 order-lg-1 order-md-2 d-none d-lg-block">Bla blo blu</div><!-- texte visible uniquement sur grand ecran--> <div class="col-lg-9 order-lg-2 order-md-1"> <div class="col-lg-9 order-1 order-md-2"> Bli bli bli</div> <div class="col-lg-9 d-lg-none">Bla blo blu</div> <!-- texte caché (copie du block 2) sur grand écran mais qui apparait sur les écrant plus petit--> <div class="col-lg-9 order-1 order-md-2">le Bla bla bla</div> </div> </div> </div> Ca fonctionne et en même temps il doit y avoir moyen de faire plus propre sans devoir doubler le texte du block 2... Tout est expliqué ici : https://getbootstrap.com/docs/5.0/getting-started/introduction/ dans l'onglet LAYOUT > GRID ou Columns mais je ne trouve pas... Merci Dylav de ton aide, bien qu'il y à cette solution je laisse le topic comme non résolu pour l'instant qui sait peut-être qu'il y à une solution plus "propre". Bien à toi Vincent
  4. Merci Dylav, En effet sa fonctionne pour les grand écran et en même temps pour les petits cela ne vas pas. Le bloc Bla bla bla ce place entre les deux autres bloc et il devrait être tout en bas. Il existe en effet des solutions en faisant flotter un bloc, cependant je n'aime pas trop cette perspective... Je pense qu'il y à moyen d'éviter cela, je continue à chercher. Si tu as d'autre suggestion n'hésite pas et un tout grand merci pour ton aide. Bien à toi Dylav.
  5. Bonjour Dylav, Je ne pense pas qu'il faut le css, c'est basé sur un système, je suppose, flex box connu. Cependant dans le doute voici le lien https://bootstrapmade.com/demo/Arsha/ du Template gratuit avec lequel lequel je tente de placer c'est trois colonne dans la page "inner-page". Désoler pour ne pas mieux expliquer de manière précise ma demande, en même temps si quelqu'un connais Bootstrap je crois qu'il comprendra. bien à toi et belle journée Dylav. Vincent
  6. Bonjour à toutes et tous, J'aimerais créer une grille avec trois colonnes venant d'un fichier Bootstrap (V:5.0). J'y arrive avec deux mais je coince pour la troisième : <div class="container"><div class="row"> <div class="col-lg-3 order-2 order-md-1">Bla bla bla</div> <div class="col-lg-9 order-1 order-md-2">Bli bli bli</div></div></div> Actuellement : Ors j'aimerais placer en-dessous de la colonne (lg-9) une autre colonne de même largeur (lg-9) et en même temps à coté de celle de lg3. J'aimerais aussi que sur des écrans petits (GSM) que celle-ci ce place en troisième position (order-md-3). J'ai tester plusieurs solutions mais je n'y arrive pas. Bien à vous Vincent
  7. Bonjour, En effet je trouve que le prix me semble pas vraiment top. Par rapport au prix, je ne pense pas que tu serras réellement satisfait. Tu auras bien sur une belle différence mais tout de même 2000 boulons sans écran... Le lien ci-dessous te donnera différente config proche de la tienne, il me semble qu'il y à des équivalences qui sont vers 1600 € et à 2000 €, supérieur. https://www.shscomputer.be/fr/promotions-et-soldes.html Belle journée
  8. Merci Bibuot, j'ai essayé les drivers proposés et ceux de cette page /manufacturers/gigabyte/laptops-desktops/p55-ud5/3381 dont Hard disk controller drivers, et ce en ajoutant un matériel dans le gestionnaire de périph manuellement, cela ne fonctionne pas. Il me semble qu'il faut les installer lors de l'install de Windows, à ce moment il ajoute un "script" avant le démarrage de celui-ci en mode "Dos". Une fois installé, à chaque démarrage ceux-ci sont chargé juste après le bios. Bien à vous Vincent
  9. Bonjour Longaripa, Pour installer Windows (10 64 Bit et autre version) sur cette carte mère, il faut faire reconnaitre les 6 ports SATA Intel, avec une disquette, lors de l’instal. Cependant ils y à aussi deux autres port SATA sur cette carte appeler GSATA qui est propre à Gigabyte et reconnu par Windows lors de l’installation. J’ai installé Windows sur l’un de ces deux ports. Tout fonctionne bien sauf que les 6 ports SATA chipset Intel ne sont eux toujours pas reconnu, et j'ai été voir les drivers P55 (chipset correspondant) avec exécutable car dans le gestionnaire de périph il ne sont pas visible. Sry pour le manque d’info 😉 Bien à vous Vincent PS : Dylav le problème de connexion est résolu.
  10. Bonjour, si j'ai bien compris c'est le chargement du Bios qui est lent. Peut-être qu'il y à un paramètre à désactiver dans le bios, a mon avis : Dans le bios (touche F2 au démarrage) allez : Post behavoir > Fast Boot, il faut mettre sur minimal. Si ce n'est pas bon il faut regarder un peu dans le Bios, les séquences de démarrage, des disque, de la carte réseau, la séquence de boot, les fonctions smart etc... Bien à toi Vincent
  11. Bonjour, Marche impec ! Achat office 2016 pro avec promo Zébulon = 24,91 € Vincent
  12. Bonjour à chacune et chacun, J’ai ce script qui fait fonction de recherche par date dans la page en cour. <script> $(document).ready(function(){ $("#myInput").on("keyup", function() { var value = $(this).val().toLowerCase(); $("#myDIV div").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); }); </script> Les infos de cette recherche sont en display:none à l’ouverture de la page. <div class="container mt-5"><input id="myInput" type="text" placeholder="Search.."> <div id="myDIV" class="mt-3"> <div class="text-center mb-2 lip" style="display:none"><a href="<?php echo $newsExtlink; ?>" class="clearfix list-group-item list-group-item-action" target="_blank"><span class="float-left mr-2"><?php echo $newsAuteur; ?></span><h5><?php echo $newsTitre; ?></h5><span class="float-right ml-2"> <?php echo $newsDate2; ?></span></a></div></div></div> Dès que la recherche est effectuée celle-ci affiche bien les info qui sont en display:none. Si je cherche les info 2004, toute les infos de cette année apparaissaient, si je demande les info d’un mois en particulier juste ceux-là apparaissaient, le restant revenant en display:none. Par contre dès que je remet le champs de l’imput à zéro (vide) toute les infos de toutes les années apparaissaient. J’aimerais qu’ils disparaissent afin que ma page redevienne comme à l’ouverture. Et si possible, j’ai une div juste en dessous de cette fonction de recherche (elle affiche le dernier mois, le mois en cour.). <div id="load1" class="container mt-5"></div> <script>$( "#load1" ).load( "index_news_liste.php #rdv_onload" );</script> J’aimerai qu’elle disparaisse quand une recherche est effectuée et réapparaisse quand le champ de l’imput est vide. Merci à toutes et tous Vincent
  13. Re, Dommage... Et le câble tu l'as testé avec un autre pc ? @+
  14. Salut, As-tu essayés avec des pilotes moins récent ? Parfois il est préférable de les installer sans l'exécutable. Décompresse le fichier .exe et indique le chemin de ce dossier, via le gestionnaire de périph, >mise à jour des pilotes Au préalable désinstalle les anciens pilotes et supprime, toujours dans le gestionnaire de périph la carte. Retire ta clé usb wi-fi. Ensuite tu redémarres en mode sans échec (on ne sait jamais) avec prise en charge réseau. Enfin attend les réponses des cador du réseau il pourront bien mieux t'aider que moi, je lance quelques pistes... Sinon si problème hardware (port pci ou carte réseau de la MB, voir un contrôleur), le meilleurs choix me semble un retour en SAV. Patience il vrai rime souvent avec souffrance... Maintenant 10, 15 € n'est pas une somme non plus, et si le problème persiste tu en auras de secours... @+
  15. Salut, As tu changer le MDP d'origine de la Freebox ? Peut-être que c'est celui d'origine qui est remis en place ? A vérifier... @+
×
×
  • Créer...