[PHPBB2] Menu déroulant dans la toolbar

**fred9545** · **fred9545** Dim 27 Déc 2020 - 9:49

Version du forum :
PHPBB2
Templates modifiés :
oui
Navigateur :
Chrome

hello Phil

j'ai récupérer sur le net un javascript ( de Splash , merci a lui ) pour faire un menu déroulant dans la toolbar

[PHPBB2] Menu déroulant dans la toolbar Captur19

j'ai modifier le js pour qu'il soit visible que des admins car je souhaiterais m'en servir en tant que raccourci pour administrer , exemple ci-dessous en ayant retirer les URL

Code:: $(function(){ if(_userdata["user_level"] ==1) $(function(){ $('#fa_share').after( '<span id="toolbar_add"> <span style="margin-left:10px;text-align: center;"> <select class="optionscolored" style="width: 180px;" onchange="location = this.value"> <option selected="selected">Administration Rapide</option> <option value="URL 1"> javascript</option> <option value="URL 2"> CSS</option> <option value="URL 3"> page HTML</option> <option value="URL 4"> Nom 4</option> <option value="URL 5"> Nom 5</option> <option value="URL 6"> Nom 6</option> <option value="URL 7"> Nom 7</option> </select> ' ) })});

tout fonctionne très bien sauf un détail , j'aimerais que quand je clic sur une option par exemple javascript que la page javascript s'ouvre dans une nouvelle fenêtre si c'est possible bien sur , j'ai essayé avec target="_blank" , target="_new" mais j'y arrive pas marreordi

merci

**Milouze14** · **Milouze14** Dim 27 Déc 2020 - 10:33

Hello Fred,

les attributs option ne sont pas prévu pour recevoir de lien .
Ensuite ce script n'est pas terminé proprement dit car il manque des fermetures de balises.

As tu du style avec ce script?

**fred9545** · **fred9545** Dim 27 Déc 2020 - 10:41

non aucun style avec ce script

**Milouze14** · **Milouze14** Dim 27 Déc 2020 - 11:09

Tu peux tester ce script qui va faire a quelque chose près l'identique mais qui fonctionne différemment:

Remplaces le script par celui-ci:

Code:: $(function(){ if(_userdata["user_level"] ==1) $(function(){ $('#fa_share').after( '<span id="toolbar_add"><span>Administration Rapide</span> <div style="display:none;"> <a href="https://www.milouze14.com" target="_blank"> javascript</a><br /> <a href="https://www.milouze14.com" target="_blank"> CSS</a><br /> <a href="https://www.milouze14.com" target="_blank"> page HTML</a><br /> <a href="https://www.milouze14.com" target="_blank"> Nom 4</a><br /> <a href="https://www.milouze14.com" target="_blank"> Nom 5</a><br /> <a href="https://www.milouze14.com" target="_blank"> Nom 6</a><br /> </div></span> '); $('#toolbar_add span').click(function(){$(this).next().slideToggle();}); })});

Puis le style:

Code:: #toolbar_add { color:white; font-size:14px; line-height:14px; width:180px; position:absolute; margin-top: 7px; } #toolbar_add div { background:#333; width:180px; padding: 5px 0px 5px 3px; } #toolbar_add a { font-size:14px; width:180px; color:orange!important; }