Ayuda con javascript y xml u.u!
#1
Escrito 29 octubre 2012 - 09:09
Alguien que sepa xml y javascript?.
#2
Escrito 29 octubre 2012 - 09:17
Copiaria el contenido pero seria mucho u.u! por eso keria saber si alguien me puede ayudar con una tarea u.u! son dos archivos contienen xml y se visualizan en un html por medio de js y el diseno de quiero ponerlo en otro.
Alguien que sepa xml y javascript?.
Varios de aquí podemos ayudarte amigo pero es importante que nos brindes toda la información necesaria para poder hacerlo... Por inicio de cuentas, qué duda o problema en específico tienes?
saludos cordiales
#3
Escrito 29 octubre 2012 - 09:32
ya mira problema es este..
Tengo un archivo que justo es el demo de esto...
http://www.lambertgr...ck_preview.html
es una pagina con html5 de video no tiene xml pero ya lo edite para que recoja datos xml, si te das cuenta en las opciones del video sale el titulo y descripcion haciendo click en la i. pero mi problema que tengo es que mi jefe quiere que la descripcion salga abajo con el titulo
algo asi:
http://css.flepstudi...o/video_player/
ese ejemplo si tiene xml y cuando quiero juntar el xml de mi archivo de video no se como u.u!
#4
Escrito 29 octubre 2012 - 09:44
#5
Escrito 29 octubre 2012 - 09:47
si deseas te paso los archivos, no se si seria mucho pedir por que si pongo el codigo no entenderias mucho u.u!
Podrías poner solo el extracto que te da el problema amigo . Pero con lo que posteaste antes seguramente nos daremos una idea de tu problema...
#6
Escrito 29 octubre 2012 - 09:57
#7
Escrito 29 octubre 2012 - 10:27
script del video: (PAGINA 1)
<script>
document.write("<div style='height:150px;'><div class='logo'>LOGO</div></div>");/*<div class='rCorners'><center>Contenido menu</center></div>*/
document.write("<div id='page-wrap'>");
document.write("<video id='vp2_html5_rightSidePlaylist_UB' width='688' height='387' preload='auto'>");
document.write("<div id='playlist' class='hideElement'>");
if (window.XMLHttpRequest)
{// code for IE7 , Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i )
{
document.write("<ul>");
document.write("<li class='xtitle'>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</li>");
document.write("<li class='xdesc'>");
document.write(x[i].getElementsByTagName("DESCRIP")[0].childNodes[0].nodeValue);
document.write("</li>");
document.write("<li class='xtime'>");
document.write(x[i].getElementsByTagName("TIME")[0].childNodes[0].nodeValue);
document.write("</li>");
document.write("<li class='xthumb'>");
document.write(x[i].getElementsByTagName("THUMB")[0].childNodes[0].nodeValue);
document.write("</li>");
document.write("<li class='xpreview'>");
document.write(x[i].getElementsByTagName("PREVIEW")[0].childNodes[0].nodeValue);
document.write("</li>")
document.write("<li class='xsources_mp4'>");
document.write(x[i].getElementsByTagName('VIDEO')[0].childNodes[0].nodeValue);
document.write("</li>")
document.write("</ul>");
}
document.write("</div>");
document.write("</video>");
document.write("</div>");
document.write("<div style='height:200px;background-color:#3e414a '>Contenido</div>");
document.write("</div>");
</script>
////////////////**********************************/////////////////**********************************/////////////////**********************************/////////////////**********************************/////////////////**********************************/
/////////////////**********************************/
script de la pagina que cmabia contenido (Pagina 2)
// properties
var XML_PATH = "xml/config.xml";
var video_width;
var video_height;
var videos_array=new Array();/*array*//**hara el recorrido*/
// init the application
function init()
{
// call loadXML function
loadXML();
}
// XML loading
function loadXML()
{
/*cargo el codigo div del video*/
$.ajax({
type: "GET",
url: XML_PATH,
dataType: "xml",
success: function onXMLloaded(xml)
{
// set video_width and video_height
// loop for each item
$(xml).find('cd').each(function loopingItems(value)/*valor*/
{
// create an object
var obj={title:$(this).find("title").text(), /*mp4:$(this).find("mp4").text(), ogg:$(this).find("ogg").text(),*/ description:$(this).find("description").text()};
videos_array.push(obj);
xml
/**desde quelo nombro*/
// append <ul> and video title /*panel de la derecha con el numero, titulo, diseno*/
$("#mycustomscroll").append('<ul>');
$("#mycustomscroll").append('<a><li id="xtitle"><strong>' (value 1) "</strong><br/><strong>Title: </strong>" obj.title '</li></a>');
});
// close </ul>
$("#mycustomscroll").append('</ul>');
$("#description").append(videos_array[0].description);
// call addListeners function
addListeners();
}
});
}
// add <li> listener
function addListeners()
{
// loop for each list item
$('#mycustomscroll li').each(function looping(index)
{
// onclick...
$(this).click(function onItemClick()
{
$("#description").empty();/*Limpie el panel para el otro contenido*/
/* $("#description").append(videos_array[index].title "<br/>");*/
$("#description").append(videos_array[index].description);
});
});
}
#8
Escrito 30 octubre 2012 - 01:04
#9
Escrito 30 octubre 2012 - 01:17
#10
Escrito 30 octubre 2012 - 01:31
Claro amigo... alguna razón en particular?
Ya avanze un poco con respecto a esa pregunta... y tengo otro problema..
por eso quiero cerrarla..
#11
Escrito 30 octubre 2012 - 01:37
Claro amigo... alguna razón en particular?
Ya avanze un poco con respecto a esa pregunta... y tengo otro problema..
por eso quiero cerrarla..
muy bien amigo... algún dato adicional que pueda servir a otros con el mismo problema antes de dar por cerrado el tema?
#12
Escrito 30 octubre 2012 - 01:59
muy bien amigo... algún dato adicional que pueda servir a otros con el mismo problema antes de dar por cerrado el tema?
[/quote
Bueno el efecto ya me sale solo que el contenido que quiero que me salga eso es la parte que me falta.
Prefiero hacer otro tema pero ya es un contenido mas ordenado..