Alternatore di temi dell'interfaccia Jquery Alternative

Question

Desidero utilizzare il widget Commutatore di temi dell'interfaccia utente Jquery nella mia pagina. Il problema è che lo Switcher è ospitato tramite http e la mia pagina è una pagina https. Quindi ricevo errori di sicurezza incluso lo switcher.

Qualcuno sa se posso ottenere l'origine dello switcher in modo da poterlo ospitare sul mio sito? O ci sono script di switcher di terze parti che potrei usare?

Grazie!

Answer 1

Per chi arriva qui. Ecco cosa ho trovato.

un elenco di 10 di loro è qui: (aggiornamento collegamento è morto ora - Apr 2016) http://www.net-kit.com/10-practical-jquery-style-switchers/

Una sostituzione per il jquery tema switcher che è possibile eseguire in locale è qui: https://github.com/harborhoffer/Super-Theme-Switcher

Answer 2

Non conosco altre implementazioni di terze parti, ma è facile farlo anche tu. Basta impostare un id su un elemento link e utilizzare jQuery per modificare l'attributo src quando una casella di selezione cambia. Anche l'estrazione in un plugin è abbastanza semplice.

Answer 3

Ho avuto errori simili, quindi ho scaricato il js da http://jqueryui.com/themeroller/themeswitchertool/, l'ho salvato come jquery.themeswitcher.js e sostituito tutti gli URL di jquery http con gli hls google apis https.

Le uniche modifiche erano nella switcherpane var dove ogni collegamento si presenta come:

<li><a href= 
"http://jqueryui.com/themeroller/css/parseTheme.css.php?...."> 
<img src= 
"http://jqueryui.com/themeroller/images/themeGallery/theme_90_ui_dark.png" alt= 
"UI Darkness" title="UI Darkness" /> <span class="themeName">UI 
darkness</span></a></li> 

che ho sostituito con:

<li><a href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/ui-lightness/jquery-ui.css"> 
<img src="content/images/theme_90_ui_light.png" alt="UI Lightness" title= 
"UI Lightness" /><span class="themeName">UI lightness</span></a></li> 

Se si ricerca attraverso il file ci sono un paio di altre immagini html a cui si fa riferimento più in basso.

si possono trovare tutte le immagini here

Answer 4

si può semplicemente impostare i link src a "https" e funzionerà bene.

<link rel="stylesheet" href="themes/MyTheme.min.css" /> 
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.1/jquery.mobile.structure-1.4.1.min.css" />  
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>  
<script src="https://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> 

Answer 5

Non voglio suonare come sto promuovendo un progetto che ho fatto, ma ho scritto un jQuery-UI theme switcher based on the themeswitchertool, al fine di creare quella che in realtà funziona come pubblicizzato. Il mio non si collega a tutti i temi per impostazione predefinita, ma ti consente di aggiungere qualsiasi tema tu voglia. L'aggiunta di tutti i temi dal sito jQuery-UI è banale.

C'è anche Super Theme Switcher, che tutti sembrano utilizzare, ma non è ricco di funzionalità come il mio, perché è una porta del vecchio themeswitchertool. Questo fa collegare tutti i temi dell'interfaccia utente jQuery per impostazione predefinita.