2011-12-20 22 views
5

Quiero utilizar el widget de cambio de tema Jquery UI en mi página. El problema es que el Switcher está alojado a través de http y mi página es una página https. Entonces recibo errores de seguridad, incluido el conmutador.Alternativas de Jquery UI Theme Switcher

¿Alguien sabe si puedo obtener la fuente del conmutador para poder alojarlo en mi sitio? ¿O hay scripts de switcher de terceros que pueda usar?

Gracias!

Respuesta

15

Para cualquier persona que aterrice aquí. Esto es lo que encontré.

una lista de 10 de ellos está aquí: (actualización enlace está muerto - Abr 2016) http://www.net-kit.com/10-practical-jquery-style-switchers/

un reemplazo para el selector de temas de jQuery que puede ejecutar localmente está aquí: https://github.com/harborhoffer/Super-Theme-Switcher

+1

La lista de 10 ya no apunta a los mezcladores de estilos. – Kolban

+0

conmutador extremadamente simple que utiliza libs alojadas en Google [** aquí **] (https://github.com/JDMcKinstry/jQuery-UI-Theme-Switcher) – SpYk3HH

4

No conozco ninguna otra implementación de terceros, pero es fácil de hacer tú también. Simplemente configure una identificación en un elemento link y use jQuery para cambiar el atributo src cuando se modifique un cuadro de selección. Resumirlo en un plugin es bastante fácil también.

2

Tuve errores similares, así que descargué el js de http://jqueryui.com/themeroller/themeswitchertool/, lo guardé como jquery.themeswitcher.js y reemplacé todas las URL http jquery-ui con google apis https urls.

Los únicos cambios estaban en el switcherpane var, donde cada enlace se parece a:

<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> 

Qué he sustituido 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> 

Si usted busca a través del archivo hay algunas otras imágenes html que están referenciados más abajo.

Usted puede encontrar todas las imágenes here

1

Simplemente puede establecer los enlaces src a "https" y no tendrán ningún problema.

<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> 
2

no quiero sonar como que estoy promoviendo un proyecto que hice, pero me escribió una jQuery-UI theme switcher based on the themeswitchertool, con el fin de crear uno que realmente funciona como se anuncia. El mío no se vincula a todos los temas por defecto, pero te permite agregar cualquier tema que desees. Agregar todos los temas del sitio jQuery-UI es trivial.

También hay Super Theme Switcher, que todos los demás parecen estar usando, pero no es tan rica en funciones como la mía, debido a que es un puerto del viejo themewitchertool. Este SOLO vincula todos los temas de jQuery UI por defecto.