AJAX y DReamweaver SPRY
Publicado por Luck Ibarra (1 intervención) el 28/08/2007 08:34:44
PRimro que nada gracias por leer. estoy realzando un sition con Frames. pero leyendo me encontre son SPRy y vi un ejemplo que encaja en mi pagina.. pero no funciona.. cuando lo integro en el preview jala a la perfeccion.. pero ya arriba no hace nada. este es mi codigo..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Collapsible Panel Group Sample</title>
<script language="JavaScript" type="text/javascript" src="widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
<script language="JavaScript" type="text/javascript">
function load_content ()
{
if (parent.document.getElementById('main_div')) {
parent.document.getElementById('main_div').innerHTML=document.getElementById('inner_frame').innerHTML;
}
if (!parent.document.getElementById('main_div')) {
window.location=('index.html') ;
}
}
</script>
<link href="widgets/collapsiblepanel/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link href="css/samples.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#cp1 .CollapsiblePanelContent {
overflow: scroll;
height: 300px;
}
.CollapsiblePanel {
width: 300px;
}
.CollapsiblePanelTab {
font-size: 1em;
}
</style>
</head>
<body onload="load_content()">
<h3>Collapsible Panel Group Sample</h3>
<hr />
<p>By default the panels in a collapsible panel group are open.</p>
<div id="inner_frame">
<div id="CollapsiblePanelGroup1" class="CollapsiblePanelGroup">
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel 13</div>
<div class="CollapsiblePanelContent">
<p>Test 1.</p>
</div>
</div>
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel 2</div>
<div class="CollapsiblePanelContent">
<p>test 2</p>
</div>
</div>
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel 3</div>
<div class="CollapsiblePanelContent">
<p>test 3</p>
</div>
</div>
</div>
</div>
<hr />
<script language="JavaScript" type="text/javascript">
var cpg1 = new Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", { contentIsOpen: false });
</script>
</body>
</html>
Lo que se supone es queme tiene que llenar.. ese FRame. con una serie de paneles.. ojala y alguien pueda ayudar.. Gracias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Collapsible Panel Group Sample</title>
<script language="JavaScript" type="text/javascript" src="widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
<script language="JavaScript" type="text/javascript">
function load_content ()
{
if (parent.document.getElementById('main_div')) {
parent.document.getElementById('main_div').innerHTML=document.getElementById('inner_frame').innerHTML;
}
if (!parent.document.getElementById('main_div')) {
window.location=('index.html') ;
}
}
</script>
<link href="widgets/collapsiblepanel/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link href="css/samples.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#cp1 .CollapsiblePanelContent {
overflow: scroll;
height: 300px;
}
.CollapsiblePanel {
width: 300px;
}
.CollapsiblePanelTab {
font-size: 1em;
}
</style>
</head>
<body onload="load_content()">
<h3>Collapsible Panel Group Sample</h3>
<hr />
<p>By default the panels in a collapsible panel group are open.</p>
<div id="inner_frame">
<div id="CollapsiblePanelGroup1" class="CollapsiblePanelGroup">
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel 13</div>
<div class="CollapsiblePanelContent">
<p>Test 1.</p>
</div>
</div>
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel 2</div>
<div class="CollapsiblePanelContent">
<p>test 2</p>
</div>
</div>
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel 3</div>
<div class="CollapsiblePanelContent">
<p>test 3</p>
</div>
</div>
</div>
</div>
<hr />
<script language="JavaScript" type="text/javascript">
var cpg1 = new Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", { contentIsOpen: false });
</script>
</body>
</html>
Lo que se supone es queme tiene que llenar.. ese FRame. con una serie de paneles.. ojala y alguien pueda ayudar.. Gracias
Valora esta pregunta
0