chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Reordered a little

Browse Source
skala
Yannick Warnier 16 years ago
parent 8ac672c79e
commit 0751fd080f
1 changed files with 207 additions and 235 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 442
      main/newscorm/lp_view.php

442
main/newscorm/lp_view.php
Unescape View File

@ -71,8 +71,6 @@ $my_style=$platform_theme;
Header Header
----------------------------------------------------------- -----------------------------------------------------------
*/ */
//$htmlHeadXtra[] = '<script type="text/javascript" src="lp_view.lib.js"></script>';
//$htmlHeadXtra[] = $xajax->getJavascript('../inc/lib/xajax/')."\n";
$htmlHeadXtra[] = '<script src="../inc/lib/javascript/jquery.js" type="text/javascript" language="javascript"></script>'; //jQuery $htmlHeadXtra[] = '<script src="../inc/lib/javascript/jquery.js" type="text/javascript" language="javascript"></script>'; //jQuery
$htmlHeadXtra[] = '<script language="javascript"> $htmlHeadXtra[] = '<script language="javascript">
@ -239,37 +237,36 @@ if($_SESSION['oLP']->mode == 'fullscreen') {
<div id="learningPathLeftZone" style="float:left;width:280px;height:100%"> <div id="learningPathLeftZone" style="float:left;width:280px;height:100%">
<!-- header --> <!-- header -->
<div id="header"> <div id="header">
<div id="learningPathHeader" style="font-size:14px;"> <div id="learningPathHeader" style="font-size:14px;">
<table> <table>
<tr> <tr>
<td> <td>
<a href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();"> <a href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();">
<img src="../img/lp_arrow.gif" /> <img src="../img/lp_arrow.gif" />
</a> </a>
</td> </td>
<td> <td>
<a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();"> <a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();">
<?php echo api_convert_encoding(get_lang('CourseHomepageLink'), $charset, api_get_system_encoding()); ?></a> <?php echo api_convert_encoding(get_lang('CourseHomepageLink'), $charset, api_get_system_encoding()); ?></a>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<!-- end header --> <!-- end header -->
<!-- Image preview Layout --> <!-- Image preview Layout -->
<div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px"> <div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px">
<?php $image = '../img/lp_author_background.gif'; ?> <?php $image = '../img/lp_author_background.gif'; ?>
<div id="preview_image" style="padding:5px;background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;height:110px"> <div id="preview_image" style="padding:5px;background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;height:110px">
<div style="width:100; float:left;height:105;margin:5px"> <div style="width:100; float:left;height:105;margin:5px">
<span> <span>
<?php if ($_SESSION['oLP']->get_preview_image()!=''): ?> <?php
<img width="115" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>"> if ($_SESSION['oLP']->get_preview_image()!='') {
<?php echo '<img width="115px" height="100px" src="'.api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image().'">';
else } else {
: echo Display :: display_icon('unknown_250_100.jpg', ' '); echo Display :: display_icon('unknown_250_100.jpg', ' ');
endif; }; ?>
?>
</span> </span>
</div> </div>
@ -297,9 +294,9 @@ if($_SESSION['oLP']->mode == 'fullscreen') {
$sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'"; $sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'";
$res_media= Database::query($sql, __FILE__, __LINE__); $res_media= Database::query($sql, __FILE__, __LINE__);
if(Database::num_rows($res_media) > 0){ if (Database::num_rows($res_media) > 0) {
while($row_media= Database::fetch_array($res_media)) { while ($row_media= Database::fetch_array($res_media)) {
if(!empty($row_media['audio'])) {$show_audioplayer = true; break;} if (!empty($row_media['audio'])) {$show_audioplayer = true; break;}
} }
} }
?> ?>
@ -313,9 +310,9 @@ if($_SESSION['oLP']->mode == 'fullscreen') {
</div> </div>
<!-- end image preview Layout --> <!-- end image preview Layout -->
<div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%"> <div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%">
<?php echo $_SESSION['oLP']->get_author() ?> <?php echo $_SESSION['oLP']->get_author() ?>
</div> </div>
<!-- media player layaout --> <!-- media player layaout -->
<?php $style_media = (($show_audioplayer)?' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"':'style="height:15px"'); ?> <?php $style_media = (($show_audioplayer)?' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"':'style="height:15px"'); ?>
@ -327,162 +324,147 @@ if($_SESSION['oLP']->mode == 'fullscreen') {
<!-- toc layout --> <!-- toc layout -->
<div id="toc_id" name="toc_name" style="padding:0;margin-top:20px;height:60%;width:100%"> <div id="toc_id" name="toc_name" style="padding:0;margin-top:20px;height:60%;width:100%">
<div id="learningPathToc" style="font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?> <div id="learningPathToc" style="font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?>
<!-- log message layout --> <!-- log message layout -->
<div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:50px;overflow:auto;margin:15px"> <div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:50px;overflow:auto;margin:15px">
<div id="log_content"></div> <div id="log_content"></div>
<div style="color: white;" onClick="cleanlog();">.</div> <div style="color: white;" onClick="cleanlog();">.</div>
</div> </div>
<!-- end log message layout --> <!-- end log message layout -->
</div> </div>
</div> </div>
<!-- end toc layout --> <!-- end toc layout -->
</div>
</div>
<!-- end left Zone --> <!-- end left Zone -->
<!-- right Zone --> <!-- right Zone -->
<div id="learningPathRightZone" style="margin-left:282px;border : 0pt solid blue;height:100%"> <div id="learningPathRightZone" style="margin-left:282px;border : 0pt solid blue;height:100%">
<iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="width:100%;height:600px" ></iframe> <iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="width:100%;height:600px" ></iframe>
</div> </div>
<!-- end right Zone --> <!-- end right Zone -->
</div> </div>
<script language="JavaScript" type="text/javascript"> <script language="JavaScript" type="text/javascript">
// Need to be called after the <head> to be sure window.oxajax is defined <!--
var dokeos_xajax_handler = window.oxajax; var leftZoneHeightOccupied = 0;
</script> var rightZoneHeightOccupied = 0;
<script language="JavaScript" type="text/javascript"> var initialLeftZoneHeight = 0;
<!-- var initialRightZoneHeight = 0;
var leftZoneHeightOccupied = 0;
var rightZoneHeightOccupied = 0; var updateContentHeight = function() {
var initialLeftZoneHeight = 0; winHeight = (window.innerHeight != undefined ? window.innerHeight : document.documentElement.clientHeight);
var initialRightZoneHeight = 0; newLeftZoneHeight = winHeight - leftZoneHeightOccupied;
newRightZoneHeight = winHeight - rightZoneHeightOccupied;
var updateContentHeight = function() { if (newLeftZoneHeight <= initialLeftZoneHeight) {
winHeight = (window.innerHeight != undefined ? window.innerHeight : document.documentElement.clientHeight); newLeftZoneHeight = initialLeftZoneHeight;
newLeftZoneHeight = winHeight - leftZoneHeightOccupied; newRightZoneHeight = newLeftZoneHeight + leftZoneHeightOccupied - rightZoneHeightOccupied;
newRightZoneHeight = winHeight - rightZoneHeightOccupied; }
if (newLeftZoneHeight <= initialLeftZoneHeight) { if (newRightZoneHeight <= initialRightZoneHeight) {
newLeftZoneHeight = initialLeftZoneHeight; newRightZoneHeight = initialRightZoneHeight;
newRightZoneHeight = newLeftZoneHeight + leftZoneHeightOccupied - rightZoneHeightOccupied; newLeftZoneHeight = newRightZoneHeight + rightZoneHeightOccupied - leftZoneHeightOccupied;
} }
if (newRightZoneHeight <= initialRightZoneHeight) { document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px';
newRightZoneHeight = initialRightZoneHeight; document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px';
newLeftZoneHeight = newRightZoneHeight + rightZoneHeightOccupied - leftZoneHeightOccupied; document.getElementById('content_id_blank').style.height = newRightZoneHeight + 'px';
} if (document.body.clientHeight > winHeight) {
document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px'; document.body.style.overflow = 'auto';
document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px'; } else {
document.getElementById('content_id_blank').style.height = newRightZoneHeight + 'px'; document.body.style.overflow = 'hidden';
if (document.body.clientHeight > winHeight) { }
document.body.style.overflow = 'auto'; };
} else {
document.body.style.overflow = 'hidden';
}
};
window.onload = function() {
screen_height = screen.height; window.onload = function() {
screen_width = screen.height;
document.getElementById('learningPathLeftZone').style.height = "100%"; screen_height = screen.height;
document.getElementById('learningPathToc').style.height = "60%"; screen_width = screen.height;
document.getElementById('learningPathToc').style.width = "100%";
document.getElementById('learningPathRightZone').style.height = "100%"
document.getElementById('content_id').style.height = "100%" ;
if (screen_height <= 600) { document.getElementById('learningPathLeftZone').style.height = "100%";
document.getElementById('inner_lp_toc').style.height = "100px" ; document.getElementById('learningPathToc').style.height = "60%";
document.getElementById('learningPathLeftZone').style.height = "415px"; document.getElementById('learningPathToc').style.width = "100%";
} document.getElementById('learningPathRightZone').style.height = "100%"
document.getElementById('content_id').style.height = "100%" ;
initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight; if (screen_height <= 600) {
initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight; document.getElementById('inner_lp_toc').style.height = "100px" ;
docHeight = document.body.clientHeight; document.getElementById('learningPathLeftZone').style.height = "415px";
leftZoneHeightOccupied = docHeight - initialLeftZoneHeight;
rightZoneHeightOccupied = docHeight - initialRightZoneHeight;
document.body.style.overflow = 'hidden';
updateContentHeight();
} }
window.onresize = updateContentHeight; initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight;
--> initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight;
</script> docHeight = document.body.clientHeight;
leftZoneHeightOccupied = docHeight - initialLeftZoneHeight;
rightZoneHeightOccupied = docHeight - initialRightZoneHeight;
document.body.style.overflow = 'hidden';
updateContentHeight();
}
window.onresize = updateContentHeight;
-->
</script>
</form> </form>
</body> </body>
<?php <?php
} } else {
else
{
//not fullscreen mode //not fullscreen mode
include_once('../inc/reduced_header.inc.php'); include_once('../inc/reduced_header.inc.php');
//$displayAudioRecorder = (api_get_setting('service_visio','active')=='true') ? true : false; //$displayAudioRecorder = (api_get_setting('service_visio','active')=='true') ? true : false;
//check if audio recorder needs to be in studentview //check if audio recorder needs to be in studentview
$course_id=$_SESSION["_course"]["id"]; $course_id=$_SESSION["_course"]["id"];
if($_SESSION["status"][$course_id]==5) if ($_SESSION["status"][$course_id]==5) {
{
$audio_recorder_studentview = true; $audio_recorder_studentview = true;
} } else {
else
{
$audio_recorder_studentview = false; $audio_recorder_studentview = false;
} }
//set flag to ensure lp_header.php is loaded by this script (flag is unset in lp_header.php) //set flag to ensure lp_header.php is loaded by this script (flag is unset in lp_header.php)
$_SESSION['loaded_lp_view'] = true; $_SESSION['loaded_lp_view'] = true;
?> ?>
<body> <body>
<form> <form>
<input type="hidden" id="old_item" name ="old_item" value="0"/> <input type="hidden" id="old_item" name ="old_item" value="0"/>
<input type="hidden" id="current_item_id" name ="current_item_id" value="0" /> <input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
<div id="learningPathMain" style="width:100%;height:100%;" > <div id="learningPathMain" style="width:100%;height:100%;" >
<div id="learningPathLeftZone" style="float:left;width:280px;height:100%">
<div id="learningPathLeftZone" style="float:left;width:280px;height:100%">
<!-- header --> <!-- header -->
<div id="header"> <div id="header">
<div id="learningPathHeader" style="font-size:14px;"> <div id="learningPathHeader" style="font-size:14px;">
<table> <table>
<tr> <tr>
<td> <td>
<a href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();"><img src="../img/lp_arrow.gif" /></a> <a href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();"><img src="../img/lp_arrow.gif" /></a>
</td> </td>
<td> <td>
<a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();"> <a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_self" onclick="window.parent.API.save_asset();">
<?php echo api_convert_encoding(get_lang('CourseHomepageLink'), $charset, api_get_system_encoding()); ?></a> <?php echo api_convert_encoding(get_lang('CourseHomepageLink'), $charset, api_get_system_encoding()); ?></a>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<!-- end header --> <!-- end header -->
<!-- Image preview Layout --> <!-- Image preview Layout -->
<div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px;"> <div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px;">
<?php $image = '../img/lp_author_background.gif'; ?> <?php $image = '../img/lp_author_background.gif'; ?>
<div id="preview_image" style="padding:5px;background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;height:110px"> <div id="preview_image" style="padding:5px;background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;height:110px">
<div style="width:100; float:left;height:105;margin:5px"> <div style="width:100; float:left;height:105;margin:5px">
<span style="width:104px; height:96px; float:left; vertical-align:bottom;"> <span style="width:104px; height:96px; float:left; vertical-align:bottom;">
<center><?php if ($_SESSION['oLP']->get_preview_image()!=''): ?> <center>
<?php <?php
if ($_SESSION['oLP']->get_preview_image()!='') {
$picture = getimagesize(api_get_path(SYS_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image()); $picture = getimagesize(api_get_path(SYS_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image());
if($picture['1'] < 96) $style = ' style="padding-top:'.((94 -$picture['1'])/2).'px;" '; if($picture['1'] < 96) { $style = ' style="padding-top:'.((94 -$picture['1'])/2).'px;" '; }
$size = ($picture['0'] > 104 && $picture['1'] > 96 )? ' width="104" height="96" ': $style; $size = ($picture['0'] > 104 && $picture['1'] > 96 )? ' width="104" height="96" ': $style;
$flie = api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); $my_path = api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image();
echo '<img '.$size.' src="'.$flie.'">'; echo '<img '.$size.' src="'.$my_path.'">';
?> } else {
<?php echo Display :: display_icon('unknown_250_100.jpg', ' ');
else }
: echo Display :: display_icon('unknown_250_100.jpg', ' '); ?>
endif; </center>
?></center> </span>
</span>
</div> </div>
<div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;height:90"> <div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;height:90">
@ -508,9 +490,9 @@ else
$sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'"; $sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'";
$res_media= Database::query($sql, __FILE__, __LINE__); $res_media= Database::query($sql, __FILE__, __LINE__);
if(Database::num_rows($res_media) > 0){ if (Database::num_rows($res_media) > 0) {
while($row_media= Database::fetch_array($res_media)) { while ($row_media= Database::fetch_array($res_media)) {
if(!empty($row_media['audio'])) {$show_audioplayer = true; break;} if (!empty($row_media['audio'])) {$show_audioplayer = true; break;}
} }
} }
?> ?>
@ -520,111 +502,101 @@ else
<div style="height:20px"><?php echo $progress_bar; ?></div> <div style="height:20px"><?php echo $progress_bar; ?></div>
</div> </div>
</div> </div>
</div>
</div>
<!-- end image preview Layout -->
<div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%">
<?php echo $_SESSION['oLP']->get_author() ?>
</div> </div>
</div> <!-- media player layaout -->
<!-- end image preview Layout --> <?php $style_media = (($show_audioplayer)?' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"':'style="height:15px"'); ?>
<div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%"> <div id="media" <?php echo $style_media ?>>
<?php echo $_SESSION['oLP']->get_author() ?> <?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
</div>
<!-- media player layaout -->
<?php $style_media = (($show_audioplayer)?' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"':'style="height:15px"'); ?>
<div id="media" <?php echo $style_media ?>>
<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
</div>
<!-- end media player layaout -->
<!-- toc layout -->
<div id="toc_id" name="toc_name" style="padding:0;margin-top:20px;height:60%;width:100%">
<div id="learningPathToc" style="font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?>
<?php if (!empty($_SESSION['oLP']->scorm_debug)) { //only show log ?>
<!-- log message layout -->
<div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:150px;overflow:auto;margin:4px">
<div id="log_content"></div>
<div style="color: white;" onClick="cleanlog();">.</div>
</div> </div>
<!-- end log message layout --> <!-- end media player layaout -->
<?php } ?>
<!-- toc layout -->
<div id="toc_id" name="toc_name" style="padding:0;margin-top:20px;height:60%;width:100%">
<div id="learningPathToc" style="font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?>
<?php if (!empty($_SESSION['oLP']->scorm_debug)) { //only show log ?>
<!-- log message layout -->
<div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:150px;overflow:auto;margin:4px">
<div id="log_content"></div>
<div style="color: white;" onClick="cleanlog();">.</div>
</div>
<!-- end log message layout -->
<?php } ?>
</div>
</div> </div>
<!-- end toc layout -->
</div> </div>
<!-- end toc layout --> <!-- end left Zone -->
<!-- right Zone -->
</div>
<!-- end left Zone -->
<!-- right Zone -->
<div id="learningPathRightZone" style="margin-left:282px;height:100%"> <div id="learningPathRightZone" style="margin-left:282px;height:100%">
<iframe id="content_id" name="content_name" src="<?php echo $src; ?>" border="0" frameborder="0" style="width:100%;height:600px" ></iframe> <iframe id="content_id" name="content_name" src="<?php echo $src; ?>" border="0" frameborder="0" style="width:100%;height:600px" ></iframe>
</div> </div>
<!-- end right Zone --> <!-- end right Zone -->
</div> </div>
<script language="JavaScript" type="text/javascript">
<!--
var leftZoneHeightOccupied = 0;
var rightZoneHeightOccupied = 0;
var initialLeftZoneHeight = 0;
var initialRightZoneHeight = 0;
var updateContentHeight = function() {
winHeight = (window.innerHeight != undefined ? window.innerHeight : document.documentElement.clientHeight);
newLeftZoneHeight = winHeight - leftZoneHeightOccupied;
newRightZoneHeight = winHeight - rightZoneHeightOccupied;
if (newLeftZoneHeight <= initialLeftZoneHeight) {
newLeftZoneHeight = initialLeftZoneHeight;
newRightZoneHeight = newLeftZoneHeight + leftZoneHeightOccupied - rightZoneHeightOccupied;
}
if (newRightZoneHeight <= initialRightZoneHeight) {
newRightZoneHeight = initialRightZoneHeight;
newLeftZoneHeight = newRightZoneHeight + rightZoneHeightOccupied - leftZoneHeightOccupied;
}
document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px';
document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px';
document.getElementById('content_id').style.height = newRightZoneHeight + 'px';
if (document.body.clientHeight > winHeight) {
document.body.style.overflow = 'auto';
} else {
document.body.style.overflow = 'hidden';
}
};
<script language="JavaScript" type="text/javascript"> window.onload = function() {
// Need to be called after the <head> to be sure window.oxajax is defined
var dokeos_xajax_handler = window.oxajax;
</script>
<script language="JavaScript" type="text/javascript">
<!--
var leftZoneHeightOccupied = 0;
var rightZoneHeightOccupied = 0;
var initialLeftZoneHeight = 0;
var initialRightZoneHeight = 0;
var updateContentHeight = function() {
winHeight = (window.innerHeight != undefined ? window.innerHeight : document.documentElement.clientHeight);
newLeftZoneHeight = winHeight - leftZoneHeightOccupied;
newRightZoneHeight = winHeight - rightZoneHeightOccupied;
if (newLeftZoneHeight <= initialLeftZoneHeight) {
newLeftZoneHeight = initialLeftZoneHeight;
newRightZoneHeight = newLeftZoneHeight + leftZoneHeightOccupied - rightZoneHeightOccupied;
}
if (newRightZoneHeight <= initialRightZoneHeight) {
newRightZoneHeight = initialRightZoneHeight;
newLeftZoneHeight = newRightZoneHeight + rightZoneHeightOccupied - leftZoneHeightOccupied;
}
document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px';
document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px';
document.getElementById('content_id').style.height = newRightZoneHeight + 'px';
if (document.body.clientHeight > winHeight) {
document.body.style.overflow = 'auto';
} else {
document.body.style.overflow = 'hidden';
}
};
window.onload = function() {
screen_height = screen.height;
screen_width = screen.height;
document.getElementById('learningPathLeftZone').style.height = "100%"; screen_height = screen.height;
document.getElementById('learningPathToc').style.height = "60%"; screen_width = screen.height;
document.getElementById('learningPathToc').style.width = "100%";
document.getElementById('learningPathRightZone').style.height = "100%"
document.getElementById('content_id').style.height = "100%" ;
if (screen_height <= 600) { document.getElementById('learningPathLeftZone').style.height = "100%";
document.getElementById('inner_lp_toc').style.height = "100px" ; document.getElementById('learningPathToc').style.height = "60%";
document.getElementById('learningPathLeftZone').style.height = "415px"; document.getElementById('learningPathToc').style.width = "100%";
} document.getElementById('learningPathRightZone').style.height = "100%"
document.getElementById('content_id').style.height = "100%" ;
initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight; if (screen_height <= 600) {
initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight; document.getElementById('inner_lp_toc').style.height = "100px" ;
docHeight = document.body.clientHeight; document.getElementById('learningPathLeftZone').style.height = "415px";
leftZoneHeightOccupied = docHeight - initialLeftZoneHeight;
rightZoneHeightOccupied = docHeight - initialRightZoneHeight;
document.body.style.overflow = 'hidden';
updateContentHeight();
} }
window.onresize = updateContentHeight; initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight;
--> initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight;
</script> docHeight = document.body.clientHeight;
leftZoneHeightOccupied = docHeight - initialLeftZoneHeight;
rightZoneHeightOccupied = docHeight - initialRightZoneHeight;
document.body.style.overflow = 'hidden';
updateContentHeight();
}
window.onresize = updateContentHeight;
-->
</script>
</form> </form>
</body> </body>
<?php <?php

Write Preview
Loading…
Cancel
Save