2011-12-20 22 views
5

私のページにJquery UIテーマスイッチャーウィジェットを使用したいと思います。 問題はSwitcherがhttpでホストされ、マイページがhttpsページであることです。 スイッチャーを含むセキュリティエラーが発生しました。Jquery UIテーマスイッチャーの代替品

私は自分のサイトでスイッチャーのソースを入手できるので、誰でも知っていますか? または、私が使用できるサードパーティのスイッチャースクリプトはありますか?

ありがとうございます!

答えて

15

ここにいるすべての人のために。ここに私が見つけたものがあります。

それらの10のリストはここにある:(更新リンクは今死んでいる - 2016年4月) http://www.net-kit.com/10-practical-jquery-style-switchers/

ローカルで実行することができますjqueryのテーマスイッチャー用交換はここにある: https://github.com/harborhoffer/Super-Theme-Switcher

+1

10のリストは、もはやスタイル・スイッチャーを指していません。 – Kolban

+0

google hosted libs [** here **](https://github.com/JDMcKinstry/jQuery-UI-Theme-Switcher)を使用する非常にシンプルなスイッチャです。 – SpYk3HH

4

他のサードパーティの実装についてはわかりませんが、自分自身もやりやすいです。 link要素にIDを設定し、選択ボックスが変更されたときに、jQueryを使用してsrc属性を変更します。それをプラグインに抽象化することもかなり簡単です。

2

私はhttp://jqueryui.com/themeroller/themeswitchertool/からjsをダウンロードしたので、jquery.themeswitcher.jsとして保存し、すべてのhttp jquery-uiのURLをgoogle apis https urlsに置き換えました。

のみの変更は以下のように各リンクが見えるのvar switcherpaneにあった:あなたは、ファイルを検索した場合、いくつかの他のHTML画像がある

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

:私はに置き換え

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

さらに下に参照されています。

は、あなたは、単に「HTTPS」、それが正常に動作しますし、SRCのリンクを設定することができますhere

1

すべての画像を見つけることができます。

<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

私は私がやったプロジェクトを推進していますように聞こえるしたくないが、私は実際に宣伝通りに動作するものを作成するために、jQuery-UI theme switcher based on the themeswitchertoolを書きました。 Mineはデフォルトではすべてのテーマにリンクしていませんが、必要なテーマを追加することができます。 jQuery-UIサイトからすべてのテーマを追加するのは簡単です。

また、他の人が使っているようだが、それは古いthemeswitchertoolのポートであるため、私のものほど機能が豊富ではありません。これはデフォルトですべてのjQuery UIテーマをリンクします。