very dynamic height paint and draw for big resolution

skala
Juan Carlos Raña 13 years ago
parent c0a3ed20f9
commit 9f1c537a0c
  1. 23
      main/document/create_draw.php
  2. 19
      main/document/create_paint.php
  3. 22
      main/document/edit_draw.php
  4. 18
      main/document/edit_paint.php

@ -151,17 +151,24 @@ if (api_browser_support('svg')){
$langsvgedit = isset($svgedit_code_translation_table[$langsvgedit]) ? $svgedit_code_translation_table[$langsvgedit] : $langsvgedit;
$langsvgedit = file_exists(api_get_path(LIBRARY_PATH).'svg-edit/locale/lang.'.$langsvgedit.'.js') ? $langsvgedit : 'en';
$svg_url= api_get_path(WEB_LIBRARY_PATH).'svg-edit/svg-editor.php?lang='.$langsvgedit ;
?>
<script type="text/javascript">
if (window.innerHeight){
height_iframe = window.innerHeight -50;
}else{
height_iframe = 550;
}
document.write ('<iframe frameborder="0" scrolling="no" src="<?php echo $svg_url; ?>" width="100%" height="' + height_iframe + '"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
document.write ('<iframe id="frame" frameborder="0" scrolling="no" src="<?php echo $svg_url; ?>" width="100%" height="100%"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
function resizeIframe() {
var height = window.innerHeight -50;
//max lower size
if (height<550) {
height=550;
}
document.getElementById('frame').style.height = height +"px";
};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
</script>
<?php
echo '<noscript>';
echo '<iframe style="height: 550px; width: 100%;" scrolling="no" frameborder="0" src="'.$svg_url.'"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>';

@ -169,13 +169,18 @@ $pixlr_url = 'http://pixlr.com/editor/?title='.$title.'&amp;image='.$image.'&amp
<script type="text/javascript">
if (window.innerHeight){
height_iframe = window.innerHeight;
}else{
height_iframe = 600;
}
document.write ('<iframe id="frame" frameborder="0" scrolling="no" src="<?php echo $pixlr_url; ?>" width="100%" height="100%"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe></div>');
function resizeIframe() {
var height = window.innerHeight;
//max lower size
if (height<600) {
height=600;
}
document.getElementById('frame').style.height = height +"px";
};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
document.write ('<iframe frameborder="0" scrolling="no" src="<?php echo $pixlr_url; ?>" width="100%" height="' + height_iframe + '"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
</script>
<?php
@ -183,3 +188,5 @@ document.write ('<iframe frameborder="0" scrolling="no" src="<?php echo $pixlr_u
echo '<noscript>';
echo '<iframe style="height: 600px; width: 100%;" scrolling="no" frameborder="0" src="'.$pixlr_url.'"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>';
echo '</noscript>';
Display::display_footer();

@ -139,15 +139,23 @@ if (api_browser_support('svg')) {
$svg_url= api_get_path(WEB_LIBRARY_PATH).'svg-edit/svg-editor.php?url=../../../../courses/'.$courseDir.$dir.$file.'&amp;lang='.$langsvgedit;
?>
<script type="text/javascript">
if (window.innerHeight){
height_iframe = window.innerHeight -50;
}else{
height_iframe = 550;
}
document.write ('<iframe frameborder="0" scrolling="no" src="<?php echo $svg_url; ?>" width="100%" height="' + height_iframe + '"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
<script type="text/javascript">
document.write ('<iframe id="frame" frameborder="0" scrolling="no" src="<?php echo $svg_url; ?>" width="100%" height="100%"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
function resizeIframe() {
var height = window.innerHeight -50;
//max lower size
if (height<550) {
height=550;
}
document.getElementById('frame').style.height = height +"px";
};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
</script>
<?php
echo '<noscript>';
echo '<iframe style="height: 550px; width: 100%;" scrolling="no" frameborder="0\' src="'.$svg_url.'"<noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>';

@ -219,13 +219,17 @@ $pixlr_url = 'http://pixlr.com/editor/?title='.$title.'&amp;image='.$image.'&amp
<script type="text/javascript">
if (window.innerHeight){
height_iframe = window.innerHeight;
}else{
height_iframe = 600;
}
document.write ('<iframe frameborder="0" scrolling="no" src="<?php echo $pixlr_url; ?>" width="100%" height="' + height_iframe + '"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
document.write ('<iframe id="frame" frameborder="0" scrolling="no" src="<?php echo $pixlr_url; ?>" width="100%" height="100%"><noframes><p>Sorry, your browser does not handle frames</p></noframes></iframe>');
function resizeIframe() {
var height = window.innerHeight;
//max lower size
if (height<600) {
height=600;
}
document.getElementById('frame').style.height = height +"px";
};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
</script>

Loading…
Cancel
Save