modificar lineas en archivo

lukas4 · #1 (**permalink**) 06/08/2009, 09:33

hola que tal, tengo una duda y quisiera saber si uds me pueden ayudar y si es posible guiarme un poco en como hacerlo, tengo este script:

Código script:

Ver originalvar tl;
function onLoad() {
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "May 01 2009 00:00:00 GMT",
        width:          "70%", 
        intervalUnit:   Timeline.DateTime.DAY, 
        intervalPixels: 100
    }),
    Timeline.createBandInfo({
        showEventText:  false,
        trackHeight:    0.5,
        trackGap:       0.2,
        eventSource:    eventSource,
        date:           "May 01 2009 00:00:00 GMT",
        width:          "30%", 
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 200
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
  
  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
  Timeline.loadXML("prueba1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}

y las lineas que ocupo modifiar son las de:

Código estas:

Ver originaldate:           "May 01 2009 00:00:00 GMT",

en ambas funciones, tenia pensado en crear el archivo e ir cambiando esos valores con unos resultados que obtendre de una busqueda a una BD, pero quisiera saber si existe la manera de modificar esas 2 lineas de alguna otra manera para asi no crear el archivo

GatorV · #2 (**permalink**) 06/08/2009, 09:38

Pues puedes agregarle la extensión PHP a ese archivo y usar <?php echo $fecha; ?> en esa parte para evitarte tener que abrir y generar el archivo.

Saludos.

lukas4 · #3 (**permalink**) 06/08/2009, 09:46

ah caray, no comprendo, podrias explicarmelo en lenguaje newbie

GatorV · #4 (**permalink**) 06/08/2009, 09:53

Ese archivo me supongo es un archivo .js no? (de Javascript)

lukas4 · #5 (**permalink**) 06/08/2009, 09:55

es un archivo html que genera una linea de tiempo, este es todo el codigo:

Código archivo HTML:

Ver original<title>Untitled Document</title>
 
<script src="http://simile.mit.edu/timeline/api/timeline-api.js" type="text/javascript"></script>
<script>
var tl;
function onLoad() {
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "May 01 2009 00:00:00 GMT",
        width:          "70%", 
        intervalUnit:   Timeline.DateTime.DAY, 
        intervalPixels: 100
    }),
    Timeline.createBandInfo({
        showEventText:  false,
        trackHeight:    0.5,
        trackGap:       0.2,
        eventSource:    eventSource,
        date:           "May 01 2009 00:00:00 GMT",
        width:          "30%", 
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 200
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
  
  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
  Timeline.loadXML("prueba1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}
</script>
 
 
</head>
 
<body onload="onLoad();" onresize="onResize();">
 
<div id="my-timeline" style="height:200px; border:1px solid #aaa"></div>
 
 
</body>
</html>

creo que ya entendi eso que me dices, podria enviarle unos datos mediante un post o un get y solamente sustituir esas lineas por que que venga en el post

GatorV · #6 (**permalink**) 06/08/2009, 11:11

Exacto, pero para procesar el archivo cambialo como .php y solo rescatas el valor y lo indicas donde quieras, por ejemplo:

Código PHP:

Ver original<title>Untitled Document</title>
 
<script src="http://simile.mit.edu/timeline/api/timeline-api.js" type="text/javascript"></script>
<script>
var tl;
function onLoad() {
  var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
    Timeline.createBandInfo({
        eventSource:    eventSource,
        date:           "<?php echo $fecha; ?>",
        width:          "70%", 
        intervalUnit:   Timeline.DateTime.DAY, 
        intervalPixels: 100
    }),
    Timeline.createBandInfo({
        showEventText:  false,
        trackHeight:    0.5,
        trackGap:       0.2,
        eventSource:    eventSource,
        date:           "May 01 2009 00:00:00 GMT",
        width:          "30%", 
        intervalUnit:   Timeline.DateTime.MONTH, 
        intervalPixels: 200
    })
  ];
  bandInfos[1].syncWith = 0;
  bandInfos[1].highlight = true;
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
  
  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
  Timeline.loadXML("prueba1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}
</script>
 
 
</head>
 
<body onload="onLoad();" onresize="onResize();">
 
<div id="my-timeline" style="height:200px; border:1px solid #aaa"></div>
 
 
</body>
</html>

Saludos.

lukas4 · #7 (**permalink**) 10/08/2009, 10:30

hola hola que tal, yo de nuevo :D hice lo que me dijiste GatorV hice lo que me dijiste, pero tengo un problema, ya que al momento de mandarle el valor de la fecha, lo esta mandando vacio, estos son los codigos:

aqui envio el dato

Código PHP:

  <?php 
$link = mysql_connect("localhost", "root",""); 
mysql_select_db("MantoRedes",$link); 
 
$myFile = "prueba1.xml"; 
$fh=fopen($myFile,'w') or die("can't open file"); 
 
$query="SELECT fecha, dato, titulo FROM datostimeline WHERE nombre='lukas4'"; 
if(!$busqueda=mysql_query($query,$link)){ 
    mysql_error(); 
} 
else{ 
    $fecha[] = array(); 
    $i=0; 
    $stringData="<?xml version=\"1.0\" encoding=\"utf-8\"?>".PHP_EOL."\t<data>".PHP_EOL.""; 
    fwrite($fh,$stringData); 
    while($row=mysql_fetch_array($busqueda)){ 
        $fecha[$i]=$row['fecha']; 
        $stringData="\t<event start=\"".$row['fecha']."\" title=\"".$row['titulo']."\">".PHP_EOL."".$row['dato']."".PHP_EOL."\t</event>".PHP_EOL.""; 
        fwrite($fh,$stringData); 
        $i++; 
    } 
} 
$stringData="</data>"; 
fwrite($fh,$stringData); 
fclose($fh); 
print_r($fecha); 
echo "<br>".$fecha[$i-1]; 
?> 
<form action="timeline.php" method="post" id="forma"> 
    <input type="hidden" name="fecha" value="<?php echo $fecha[0];?>"> 
    <script language="javascript" type="text/javascript"><br> 
    <!-- 
    document.getElementById("forma").submit(); 
    //--> 
    </script> 
</form> 
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=timeline.php">

y acá lo recibo

Código PHP:

  <?php 
isset($_POST['fecha']) ? $fecha=$_POST['fecha'] : $fecha=date("M d Y H:i:s"); 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
 
<script src="http://simile.mit.edu/timeline/api/timeline-api.js" type="text/javascript"></script> 
<script> 
var tl; 
function onLoad() { 
  var eventSource = new Timeline.DefaultEventSource(); 
  var bandInfos = [ 
    Timeline.createBandInfo({ 
        eventSource:    eventSource, 
        date:           "<?php echo $fecha; ?>",//"May 01 2009 00:00:00 GMT", 
        width:          "70%",  
        intervalUnit:   Timeline.DateTime.DAY,  
        intervalPixels: 100 
    }), 
    Timeline.createBandInfo({ 
        showEventText:  false, 
        trackHeight:    0.5, 
        trackGap:       0.2, 
        eventSource:    eventSource, 
        date:           "<?php echo $fecha; ?>",//"May 01 2009 00:00:00 GMT", 
        width:          "30%",  
        intervalUnit:   Timeline.DateTime.MONTH,  
        intervalPixels: 200 
    }) 
  ]; 
  bandInfos[1].syncWith = 0; 
  bandInfos[1].highlight = true; 
  bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout()); 
   
  tl = Timeline.create(document.getElementById("my-timeline"), bandInfos); 
  Timeline.loadXML("prueba1.xml", function(xml, url) { eventSource.loadXML(xml, url); }); 
} 
</script> 
 
 
</head> 
 
<body onload="onLoad();" onresize="onResize();"> 
<br /> 
<div id="my-timeline" style="height:200px; border:1px solid #aaa"></div> 
 
 
</body> 
</html>

alguna idea del porque no esta enviando bien el dato?

oh ya lo hice trabajar, solo cambie la funcion de javascript, la funcion la puse en el onLoad y ya trabajo bien