Obtener lista de temas de la interfaz de usuario de jQuery - desde una URL (misma política de origen)

Question

¿Alguien sabe una forma de obtener una lista de temas jQuery desde http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/?

Estoy creando una página web simple con temas de rodillos donde el usuario puede cambiar los temas de forma dinámica.

Working fiddle - Haga clic en Temas en la esquina superior derecha y seleccione un nuevo tema.

En este momento la lista está codificado como abajo,

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

¿Hay una manera de obtener esta lista de temas de URL http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/? (Crossdomain: http://www.w3.org/TR/cors/#access-control-allow-origin-response-hea)

intentó, pero falló con código de abajo ..

$.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); 
    } 
}); 

Se siente como que me falta mucho aquí .. alguna idea sería de gran ayuda.

Answer 1

me encontré con este servicio desde yahoo(YQL) y this Cross-domain requests with jQuery plugin que utiliza YQL a buscar contenido de dominios.

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

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

El código de abajo simplemente me fue a buscar toda la página que he analiza para obtener el contenido requerido.

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

Parece que el servidor no permite una solicitud de dominio cruzado. Nada que puedas hacer.

Puede configurar un script PHP que pueda curvar esa página y luego puede ajax el script PHP. Al igual que lo kuncajs dicho

Puede utilizar este script cortos rizos PHP en su servidor:

<?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); 

?> 

entonces es sólo un simple script de ajax:

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

¿Ha intentado utilizar theme switcher plug-in utilizado por JQuery:
Proporcionará todos los temas ya preparados utilizados por JQuery para fines de demostración.

<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

que podría tener su sitio agregar un enlace al estilo de la siguiente manera:

al hacer clic en el nuevo tema, javascript añade una etiqueta de enlace a la cabeza puede reemplazar la parte ui-ligereza del enlace con cualquiera de los nombres aquí: http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/ Espero que esto ayude