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

[svn r20210] Fixing scrolling when you display lp - partial FS#4105

Browse Source
skala
Cristian Fasanando 17 years ago
parent 59fd10ce84
commit 5b9f5c1960
1 changed files with 120 additions and 136 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. 132
      main/newscorm/lp_view.php

132
main/newscorm/lp_view.php
Unescape View File

@ -223,10 +223,10 @@ if($_SESSION['oLP']->mode == 'fullscreen')
<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> <div id="learningPathMain" style="width:100%;height:100%;border : 0pt solid black" >
<div style="float:left;width:20%">
<!--table> <div id="learningPathLeftZone" style="float:left;width:280px;border : 0pt solid blue;height:100%">
<tr><td valign="top"-->
<!-- header --> <!-- header -->
<div id="header"> <div id="header">
<div id="learningPathHeader" style="font-size:14px;"> <div id="learningPathHeader" style="font-size:14px;">
@ -244,19 +244,14 @@ if($_SESSION['oLP']->mode == 'fullscreen')
</div> </div>
<!-- end header --> <!-- end header -->
<!-- Left Zone -->
<div id="learningPathLeftZone" style="width:100%;">
<!-- Image preview Layout --> <!-- Image preview Layout -->
<div id="author_image" name="author_image" class="lp_author_image"> <div id="author_image" name="author_image" class="lp_author_image" style="border : 0pt solid blue;height:23%; width:100%;">
<?php $image = '../img/lp_author_background.gif'; ?> <?php $image = '../img/lp_author_background.gif'; ?>
<div id="image_preview;"> <div id="preview_image" style="padding:5px;background: url('../img/lp_author_background.gif') no-repeat">
<div style="height:140px; background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;"> <div style="width:100; float:left;border : 0pt solid blue; height:100">
<span style="padding:2px;">
<div style="width:120px; float:left;">
<span style="float:right; padding-top:16px; padding-right:10px;">
<?php if ($_SESSION['oLP']->get_preview_image()!=''): ?> <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
<img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>"> <img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
<?php <?php
@ -267,7 +262,7 @@ if($_SESSION['oLP']->mode == 'fullscreen')
</span> </span>
</div> </div>
<div id="nav_id" name="nav_name" class="lp_nav" style="float:left; width:150px;"> <div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;border : 0pt solid brown;height:150">
<?php <?php
$display_mode = $_SESSION['oLP']->mode; $display_mode = $_SESSION['oLP']->mode;
$scorm_css_header = true; $scorm_css_header = true;
@ -299,58 +294,48 @@ if($_SESSION['oLP']->mode == 'fullscreen')
?> ?>
<div id="lp_navigation_elem" class="lp_navigation_elem"> <div id="lp_navigation_elem" class="lp_navigation_elem">
<div style="float:left; padding-top:22px;padding-left:10px;"><?php echo $navigation_bar; ?></div> <div style="padding-top:20px;padding-bottom:50px;border : 0pt solid red" ><?php echo $navigation_bar; ?></div>
<div style="float:left; padding-top:22px"><?php echo $progress_bar; ?></div> <div style="border : 0pt solid red"><?php echo $progress_bar; ?></div>
</div>
</div> </div>
</div> </div>
<div id="author_name" style="margin:0;padding:0;text-align:center"> <div id="author_name" style="margin:0;padding:0;text-align:center;border:0pt solid brown;height:29px;">
<?php echo $_SESSION['oLP']->get_author() ?> <?php echo $_SESSION['oLP']->get_author() ?>
</div> </div>
</div> </div>
</div> </div>
<!-- end image preview Layout --> <!-- end image preview Layout -->
<!-- media player layaout --> <!-- media player layaout -->
<?php $style_media = (($show_audioplayer)?' style= "margin:15px 15px;padding:0;font-size:35px;height:20px"':'style="height:1px"'); ?> <?php $style_media = (($show_audioplayer)?' style= "margin:5px;font-size:32pt;height:20px;border:0pt solid brown"':'style="height:1px"'); ?>
<div id="media" <?php echo $style_media ?>> <div id="media" <?php echo $style_media ?>>
<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?> <?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
</div> </div>
<!-- end media player layaout --> <!-- end media player layaout -->
<!-- toc layout --> <!-- toc layout -->
<div id="toc_id" name="toc_name" style="padding:0;margin:0;position:relative;top:10px;left:0;"> <div id="toc_id" name="toc_name" style="padding:0;margin-top:20px;border: 0pt solid black;height:60%;width:100%">
<div id="learningPathToc" style="width:100%;overflow-y:auto;overflow-x:hidden;font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div> <div id="learningPathToc" style="height:50%,overflow-y:auto;overflow-x:hidden;font-size:9pt;margin:0;border: 0pt solid red"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
</div> </div>
<!-- end toc layout --> <!-- end toc layout -->
<!-- log message layout --> <!-- log message layout -->
<div id="lp_log_name" name="lp_log_name" class="lp_log" style="position:relative;top:10px;left:0;height:100px;overflow:auto"> <div id="lp_log_name" name="lp_log_name" class="lp_log" style="overflow:auto;border:0pt solid red;border: 0pt solid blue">
<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>
<!-- end left Zone --> <!-- end left Zone -->
</div>
<div style="margin-left:21%">
<!--/td><td align="left" width="100%" valign="top"-->
<!-- right Zone --> <!-- right Zone -->
<div id="learningPathRightZone"> <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="height:3000px;width: 100%"></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 -->
<!--/td></tr> </div>
</table-->
</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 // Need to be called after the <head> to be sure window.oxajax is defined
var dokeos_xajax_handler = window.oxajax; var dokeos_xajax_handler = window.oxajax;
@ -376,10 +361,7 @@ if($_SESSION['oLP']->mode == 'fullscreen')
} }
document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px'; document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px';
document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px'; document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px';
if(document.getElementById('content_id')) {
document.getElementById('content_id').style.height = newRightZoneHeight + 'px'; document.getElementById('content_id').style.height = newRightZoneHeight + 'px';
}
if (document.body.clientHeight > winHeight) { if (document.body.clientHeight > winHeight) {
document.body.style.overflow = 'auto'; document.body.style.overflow = 'auto';
} else { } else {
@ -388,6 +370,16 @@ if($_SESSION['oLP']->mode == 'fullscreen')
}; };
window.onload = function() { window.onload = function() {
screen_height = screen.height;
screen_width = screen.height;
document.getElementById('learningPathLeftZone').style.height = "100%";
document.getElementById('learningPathToc').style.height = "60%";
document.getElementById('learningPathToc').style.width = "100%";
document.getElementById('learningPathRightZone').style.height = "100%"
document.getElementById('content_id').style.height = "100%" ;
initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight; initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight;
initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight; initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight;
docHeight = document.body.clientHeight; docHeight = document.body.clientHeight;
@ -424,11 +416,9 @@ else
<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> <div id="learningPathMain" style="width:100%;height:100%;border : 0pt solid black" >
<div style="float:left;width:280px">
<!--table> <div id="learningPathLeftZone" style="float:left;width:280px;border : 0pt solid blue;height:100%">
<tr><td valign="top"-->
<!-- header --> <!-- header -->
<div id="header"> <div id="header">
@ -447,19 +437,14 @@ else
</div> </div>
<!-- end header --> <!-- end header -->
<!-- Left Zone -->
<div id="learningPathLeftZone" style="width:280px;">
<!-- Image preview Layout --> <!-- Image preview Layout -->
<div id="author_image" name="author_image" class="lp_author_image"> <div id="author_image" name="author_image" class="lp_author_image" style="border : 0pt solid blue;height:23%; width:100%;">
<?php $image = '../img/lp_author_background.gif'; ?> <?php $image = '../img/lp_author_background.gif'; ?>
<div id="image_preview;"> <div id="preview_image" style="padding:5px;background: url('../img/lp_author_background.gif') no-repeat">
<div style="height:140px; background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;"> <div style="width:100; float:left;border : 0pt solid blue; height:100">
<span style="padding:2px;">
<div style="width:120px; float:left;">
<span style="float:right; padding-top:16px; padding-right:10px;">
<?php if ($_SESSION['oLP']->get_preview_image()!=''): ?> <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
<img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>"> <img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
<?php <?php
@ -470,7 +455,7 @@ else
</span> </span>
</div> </div>
<div id="nav_id" name="nav_name" class="lp_nav" style="float:left; width:150px;"> <div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;border : 0pt solid brown;height:150">
<?php <?php
$display_mode = $_SESSION['oLP']->mode; $display_mode = $_SESSION['oLP']->mode;
$scorm_css_header = true; $scorm_css_header = true;
@ -502,59 +487,48 @@ else
?> ?>
<div id="lp_navigation_elem" class="lp_navigation_elem"> <div id="lp_navigation_elem" class="lp_navigation_elem">
<div style="float:left; padding-top:22px;padding-left:10px;"><?php echo $navigation_bar; ?></div> <div style="padding-top:20px;padding-bottom:50px;border : 0pt solid red" ><?php echo $navigation_bar; ?></div>
<div style="float:left; padding-top:22px"><?php echo $progress_bar; ?></div> <div style="border : 0pt solid red"><?php echo $progress_bar; ?></div>
</div>
</div> </div>
</div> </div>
<div id="author_name" style="margin:0;padding:0;text-align:center"> <div id="author_name" style="margin:0;padding:0;text-align:center;border:0pt solid brown;height:29px;">
<?php echo $_SESSION['oLP']->get_author() ?> <?php echo $_SESSION['oLP']->get_author() ?>
</div> </div>
</div> </div>
</div> </div>
<!-- end image preview Layout --> <!-- end image preview Layout -->
<!-- media player layaout --> <!-- media player layaout -->
<?php $style_media = (($show_audioplayer)?' style= "margin:15px 15px;padding:0;font-size:35px;height:20px"':'style="height:1px"'); ?> <?php $style_media = (($show_audioplayer)?' style= "margin:5px;font-size:32pt;height:20px;border:0pt solid brown"':'style="height:1px"'); ?>
<div id="media" <?php echo $style_media ?>> <div id="media" <?php echo $style_media ?>>
<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?> <?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
</div> </div>
<!-- end media player layaout --> <!-- end media player layaout -->
<!-- toc layout --> <!-- toc layout -->
<div id="toc_id" name="toc_name" style="padding:0;margin:0;position:relative;top:10px;left:0;"> <div id="toc_id" name="toc_name" style="padding:0;margin-top:20px;border: 0pt solid black;height:60%;width:100%">
<div id="learningPathToc" style="width:280px;overflow-y:auto;overflow-x:hidden;font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div> <div id="learningPathToc" style="height:50%,overflow-y:auto;overflow-x:hidden;font-size:9pt;margin:0;border: 0pt solid red"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
</div> </div>
<!-- end toc layout --> <!-- end toc layout -->
<!-- log message layout --> <!-- log message layout -->
<div id="lp_log_name" name="lp_log_name" class="lp_log" style="position:relative;top:10px;left:0;height:100px;overflow:auto"> <div id="lp_log_name" name="lp_log_name" class="lp_log" style="overflow:auto;border:0pt solid red;border: 0pt solid blue">
<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>
<!-- end left Zone --> <!-- end left Zone -->
</div>
<div style="margin-left:282px">
<!--/td><td align="left" width="100%" valign="top"-->
<!-- right Zone --> <!-- right Zone -->
<div id="learningPathRightZone"> <div id="learningPathRightZone" style="margin-left:282px;border : 0pt solid blue;height:100%">
<iframe id="content_id" name="content_name" src="<?php echo $src; ?>" border="0" frameborder="0" style="height:3000px;width: 100%"></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> </div>
<!--/td></tr>
</table-->
<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 // Need to be called after the <head> to be sure window.oxajax is defined
var dokeos_xajax_handler = window.oxajax; var dokeos_xajax_handler = window.oxajax;
@ -589,6 +563,16 @@ else
}; };
window.onload = function() { window.onload = function() {
screen_height = screen.height;
screen_width = screen.height;
document.getElementById('learningPathLeftZone').style.height = "100%";
document.getElementById('learningPathToc').style.height = "60%";
document.getElementById('learningPathToc').style.width = "100%";
document.getElementById('learningPathRightZone').style.height = "100%"
document.getElementById('content_id').style.height = "100%" ;
initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight; initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight;
initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight; initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight;
docHeight = document.body.clientHeight; docHeight = document.body.clientHeight;

Write Preview
Loading…
Cancel
Save