Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by J.Domingues on Jan 10, 2010 05:43
open dhtmlx forum
Problem Tabbar with Ajax

Hello,

test.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>Object-Based Init</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="title" content="Samples" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="dhtmlxTabbar/codebase/dhtmlxtabbar.css">

<link rel="stylesheet" href="dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css" type="text/css" media="screen" title="no title" charset="ISO-8859-1">
<link rel="stylesheet" type="text/css" href="dhtmlxLayout/codebase/dhtmlxlayout.css">
     <link rel="stylesheet" type="text/css" href="dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_skyblue.css">

     <script src="dhtmlxLayout/codebase/dhtmlxcommon.js"></script>
     <script src="dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
     <script src="dhtmlxTabbar/codebase/dhtmlxcommon.js"></script>
     <script src="dhtmlxTabbar/codebase/dhtmlxtabbar.js"></script>
<script src="dhtmlxToolbar/codebase/dhtmlxtoolbar.js" type="text/javascript"></script>
<script src="dhtmlxToolbar/codebase/dhtmlxtoolbar.js" type="text/javascript" charset="ISO-8859-1"></script>

    </head>

    <body onload="doOnLoad();">
<div class="content">
     <script src="dhtmlxLayout/codebase/dhtmlxcontainer.js"></script>
     <div id="parentId" style="position: relative; top: 20px; left: 20px; width: 600px; height: 400px; aborder: #B5CDE4 1px solid;"></div>

<script>
     var dhxLayout;
     function doOnLoad() {
         dhxLayout = new dhtmlXLayoutObject("parentId", "2U");
         dhxLayout.cells("a").setText("Main Page");
         dhxLayout.cells("b").setText("Site Navigation");

         dhxTabbar = dhxLayout.items[1].attachTabbar();
             dhxTabbar.setHrefMode("ajax-html");
         dhxTabbar.setImagePath("dhtmlxTabbar/codebase/imgs/");
dhxTabbar.addTab("a1","start","100px");
dhxTabbar.setContentHref("a1","test_page_1.php");
dhxTabbar.setTabActive("a1")
     }
</script>
</div>

    </body>
</html>


test_page_1.php:
<div style="height: 150px; width: 100%;">
<div id="toolbarObj"></div>
</div>

<script>

alert('ok');

var toolbar = new dhtmlXToolbarObject("toolbarObj");
    toolbar.setIconsPath("imagens/");

    var newOpts = Array(    Array('new_text', 'obj', 'Text Document', 'text_document.gif'),
                Array('new_excel','obj', 'Stylesheet' , 'stylesheet.gif'),
                Array('new_db', 'obj', 'Database' , 'database.gif'),
                Array('new_pp', 'obj', 'Presentation' , 'presentation.gif'),
                Array('new_s1', 'sep'),
                Array('new_other','obj', 'Other' , 'other.gif'));

    toolbar.addButtonSelect("new", 0, "New", newOpts, "new.gif", "new_dis.gif");
    toolbar.addSeparator("sep1", 1);
    toolbar.addButton("open", 2, "", "open.gif", "open_dis.gif");
    toolbar.addButton("save", 3, "", "save.gif", "save_dis.gif");
    toolbar.addButton("save_as", 4, "Save As...", "save_as.gif", "save_as_dis.gif");
    toolbar.disableItem("save_as");
    toolbar.addSeparator("sep2", 5);
    toolbar.addButton("undo", 6, "", "undo.gif", "undo_dis.gif");
    toolbar.addButton("redo", 7, "", "redo.gif", "redo_dis.gif");
    toolbar.addSeparator("sep3", 8);
    toolbar.addButton("cut", 9, "Cut", "cut.gif", "cut_dis.gif");
    toolbar.addButton("copy", 10, "Copy", "copy.gif", "copy_dis.gif");
    toolbar.addButton("paste", 11, "Paste", "paste.gif", "paste_dis.gif");
    toolbar.addSeparator("sep4", 12);

    var printOpts = Array(    Array('print_page', 'obj', 'Page' , 'page.gif'),
                Array('print_range','obj', 'Page Range' , 'page_range.gif'),
                Array('print_sel', 'obj', 'Selection' , 'selection.gif'),
                Array('print_sep1', 'sep'),
                Array('print_cfg', 'obj', 'Settings' , 'settings.gif'));

    toolbar.addButtonSelect("print", 13, "Print", printOpts, "print.gif", "print_dis.gif");
    toolbar.addSeparator("sep5", 14);
    toolbar.addText("info", 15, "dhtmlxToolbar Demo");
</script>

<?
echo "Hello !!!";
?>

PROBLEM:
Do not show toolbar .
Itīs possible using dhxTabbar.setHrefMode("ajax-html") ?

Thanks,
J.Domingues
Answer posted by Alex (support) on Jan 12, 2010 01:28

Hello

the issue wasn't reproduced locally. Please check attached sample

Attachments (1)
01.zip90.75 Kb