У меня есть этот код, который помогает мне показывать Verite Timeline на моей странице так:
<div id="timeline-embed"></div>
<script type="text/javascript">
var timeline_config = {
width: "100%",
height: "100%",
debug: true,
rows: 2,
source: {
"timeline":
{
"headline":"Sh*t People Say",
"type":"default",
"text":"People say stuff",
"startDate":"10/4/2011 15:02:00",
"date": [
{
"startDate":"10/4/2011 15:10:00",
"endDate":"10/4/2011 15:55:00",
"headline":"FIRST",
"text":"<p>FIRSTTEXT</p>",
"asset":
{
"caption":"yessss"
}
},
{
"startDate":"10/4/2011 17:02:00",
"endDate":"10/4/2011 18:02:00",
"headline":"SECOND",
"text":"<p>In true political fashion, his character rattles off common jargon heard from people running for office.</p>",
"asset":
{
"media":"http://youtu.be/u4XpeU9erbg",
"credit":"",
"caption":""
}
}
]
}
}
}
</script>
поэтому сейчас по source:
в date
я хочу добавить новый элемент:
{
"startDate":"CurrentDate + zajson",
"endDate":"10/4/2011 18:02:00",
"headline":"place.name",
"asset":
{
"media":"http://youtu.be/u4XpeU9erbg",
"credit":"",
"caption":""
}
}
so offcource У меня есть переменная:
var place.name;
var zajson;
и Когда я нажимаю <button>Add to timeline</button>
я хочу добавить новый элемент (как показано выше) в исходный код: в качестве нового блока значений...
Можно ли это сделать?
И как я могу обновить источник: и запустить его снова, когда я добавляю новый блок данных???
Извините за мой английский
function addContent() {
var content = {
"startDate":"CurrentDate + zajson", // <-- these two probably shouldn't be in quotes, but concated
"endDate":"10/4/2011 18:02:00",
"headline":"place.name", // <-- this one, too
"asset":
{
"media":"http://youtu.be/u4XpeU9erbg",
"credit":"",
"caption":""
}
};
timeline_config.source.timeline.date.push(content);
}
Что-то вроде этого должно это сделать.
Затем для кнопки:
<button onclick="addContent()">Add to timeline</button>