Get Liste von jQuery UI Themes - von einer URL (gleiche Herkunft-Richtlinie)

Question

Kennt jemand einen Weg, um Liste der jQuery Themen von http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/ zu erhalten?

Ich erstelle einfache Webseite mit Themes Roller, wo der Benutzer Themen dynamisch wechseln kann.

Working fiddle - Klicken Sie auf Designs in der rechten oberen Ecke und wählen Sie ein neues Thema.

Momentan wird die Liste hart wie unten codiert,

<div id="theme-list">  
    <ul> 
     <li class="themes-el ui-state-highlight" data-theme="cupertino">cupertino</li> 
     <li class="themes-el" data-theme="hot-sneaks">hot-sneaks</li> 
     <li class="themes-el" data-theme="smoothness">smoothness</li> 
     <li class="themes-el" data-theme="pepper-grinder">pepper-grinder</li> 
     <li class="themes-el" data-theme="ui-lightness">ui-lightness</li> 
     <li class="themes-el" data-theme="ui-darkness">ui-darkness</li> 
     <!-- and more --> 
    </ul>  
</div> 

Gibt es eine Möglichkeit, diese Liste von Themen aus der URL http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/ zu bekommen? (Domänenübergreif: http://www.w3.org/TR/cors/#access-control-allow-origin-response-hea)

versucht, scheiterte aber mit folgendem Code ..

$.ajax({ 
    url: 'http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/', 
    dataType: 'text', 
    beforeSend: function (xhr) { 
     xhr.setRequestHeader("Access-Control-Allow-Origin", 'http://jquery-ui.googlecode.com'); 
     xhr.setRequestHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS"); 
    }, 
    crossDomain: true, 
    success: function (data) { 
     alert(data); 
    }, 
    error: function (jqXHR, textStatus, errorThrown) { 
     alert(errorThrown + ' ' + textStatus + ' ' + jqXHR.responseText); 
    } 
}); 

Es fühlt sich an wie ich hier viel fehle .. jede Einsicht wirklich helfen würde.

Answer 1

fand ich diesen Service von yahoo(YQL) und this Cross-domain requests with jQuery plugin die YQL Cross-Domain-Inhalte zu holen verwendet.

http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

DEMO:http://jsfiddle.net/SXHrB/4/

Der Code unten geholt einfach mir die ganze Seite, die ich den gewünschten Inhalt zu bekommen geparst.

$.ajax({ 
    url: 'http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/', 
    type: 'GET', 
    success: function(data) { 
     alert(data.responseText.substring(data.responseText.indexOf('<ul>'), data.responseText.lastIndexOf('</ul>') + 4)); 
    } 
}); 

Answer 2

Es scheint, dass der Server eine domänenübergreifende Anforderung nicht zulässt. Du kannst nichts machen.

Sie können ein PHP-Skript einrichten, das diese Seite kräuseln kann, und dann können Sie nur das PHP-Skript anjaxen. Wie, was kuncajs

sagte

können Sie diesen kurzen PHP-Curl-Skript auf Ihrem Server verwenden:

<?php 

$ch = curl_init(); 
// URL to grab 
curl_setopt($ch, CURLOPT_URL, 'http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/'); 
curl_setopt($ch, CURLOPT_HEADER, 0); 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 
$output = curl_exec($ch); 
curl_close($ch); 

print_r($output); 

?> 

Dann ist es nur einen einfacher Ajax-Skript:

$.ajax({ 
    url: "linktoscript.php", 
    dataType: "html", 
    success: function(data) { 
     console.log(data); 
    }, 
    error: function (request, status, error) { 
     console.log(request); 
     console.log(status); 
     console.log(error); 
    } 
}); 

Answer 3

Haben Sie versuchten theme switcher Plugin verwendet von JQuery:
Es wird alle vorgefertigten Themen geben, die von JQuery zu Demonstrationszwecken verwendet werden.

<script src="jquery.js"></script> 
<script type="text/javascript" src="themeSwitcher.js"></script> 
<script type="text/javascript">  
    $(document).ready(function(){ 
     $('#switcher').themeswitcher(); 
    }); 
</script>  

<div id="switcher"></div> 

Answer 4

könnten Sie haben Ihre Website einen Link zu dem Stil wie folgt hinzu:

, wenn Sie das neue Thema klicken, javascript einen Link-Tag an den Kopf fügt Sie den ui-Leichtigkeit Teil ersetzen können der Link mit einem der Namen hier: http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/ hoffe das hilft