no Scrollbar in FF

[detberlinParticipant]

hi everybody,

I have found in the FF no scrollbar is displayed.
In IE and Crome but already what is in anyone’s interest.
Maybe can someone tell me why?

Here is my code ….

[code]

$(document).ready(function(){
var gesTitle = ”; var gesDatei = ”; var gesHtml = ”;
if (iLoadModul == 0) {gesTitle = ‘AGB’; gesDatei = ‘agb’; gesHtml = agbText();} else {gesTitle = ‘Impressum’; gesDatei = ‘impressum’; gesHtml = impressText();}

var myCreateElement = $(‘<div><div>’ +
‘<div style="background-color:#e1e1e6;overflow:hidden">’ + gesHtml + ‘</div>’ +
” +
” +
‘</div></div>’); $(document.body).append(myCreateElement);

$(‘#gesPanel’).jqxPanel({width:692, height:487, theme:’energyblue’});
$(‘#gesSenden’).jqxButton({height:’30px’, width:’91px’, theme:’energyblue’}); $(‘#gesCancel’).jqxButton({height:’30px’, width:’91px’, theme:’energyblue’});

$(‘#gesWindow’).bind(‘closed’,function (event){$(‘#gesWindow’).remove();}); var xPos = $(‘#mitte’).offset().left; var yPos = $(‘#mitte’).offset().top;
$(‘#gesWindow’).jqxWindow({position:{x: xPos + ((767 – 694) / 2), y: yPos + ((666 – 568) / 2)}, width:694, height:568, maxHeight:700, closeAnimationDuration:0,
autoOpen:true, isModal:true, resizable:false, showAnimationDuration:0, draggable:false, cancelButton:$(‘#gesCancel’), theme:’mydarkblue’});
$(‘#gesWindow’).jqxWindow(‘setTitle’, gesTitle); $(‘#gesSenden’).bind(‘click’, function() {ladeInfoFile(‘xdefault/’ + gesDatei);});
})

[/code]

[Peter StoevKeymaster]

Hi detberlin,

Could you please post the code again, including the HTML part of it? It is important for us to try your specific scenario?
In addition, what means, no scrollbar is displayed?
There’s not enough space for it or something else?
Which scrollbar is not displayed – vertical or horizontal?

Please, take a look at this Forum topic which explains how to post formatted code: http://www.jqwidgets.com/community/topic/code-formatting/

Looking forward to your reply.

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[detberlinParticipant]

hi Peter,

thanks for you answer,

How can I enter for html code without it running?

[Peter StoevKeymaster]

Paste it in the Forum, then Select it and press the button in the Forum’s toolbar.

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[detberlinParticipant]

ok i have found

[detberlinParticipant]

here my code

$(document).ready(function(){
  var gesTitle = ''; var gesDatei = ''; var gesHtml = '';
  if (iLoadModul == 0) {gesTitle = 'AGB'; gesDatei = 'agb'; gesHtml = agbText();} else {gesTitle = 'Impressum'; gesDatei = 'impressum'; gesHtml = impressText();}
  var myCreateElement = $('<div id="gesWindow"><div>' +
  '<div id="gesPanel" style="background-color:#e1e1e6; position:absolute; left:0px; top:29px; overflow:hidden;">' + gesHtml + '</div>' +
  '<input id="gesCancel" style="float:right; margin-top:494px; margin-right:250px;" type="button" value="Schlie&szlig;en">' +
  '<input id="gesSenden" style="float:right; margin-top:494px; margin-right:  3px;" type="button" value="Download">' +
  '</div></div>'); $(document.body).append(myCreateElement);
  $('#gesPanel').jqxPanel({width:692, height:487, theme:'energyblue'});
  $('#gesSenden').jqxButton({height:'30px', width:'91px', theme:'energyblue'}); $('#gesCancel').jqxButton({height:'30px', width:'91px', theme:'energyblue'});
  $('#gesWindow').bind('closed',function (event){$('#gesWindow').remove();}); var xPos = $('#mitte').offset().left; var yPos = $('#mitte').offset().top;
  $('#gesWindow').jqxWindow({position:{x: xPos + ((767 - 694) / 2), y: yPos + ((666 - 568) / 2)}, width:694, height:568, maxHeight:700, closeAnimationDuration:0,
  autoOpen:true, isModal:true, resizable:false, showAnimationDuration:0, draggable:false, cancelButton:$('#gesCancel'), theme:'mydarkblue'});
  $('#gesWindow').jqxWindow('setTitle', gesTitle); $('#gesSenden').bind('click', function() {ladeInfoFile('xdefault/' + gesDatei);});
})

html-part

<link rel="stylesheet" href="index.css" type="text/css">
<link rel="stylesheet" href="moduljqx/jqx.base.css" type="text/css">
<link rel="stylesheet" href="moduljqx/mydarkblue.css" type="text/css">
<link rel="stylesheet" href="moduljqx/jqx.energyblue.css" type="text/css">
<script type="text/javascript" src="moduljqx/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="moduljqx/jqxcore.js"></script>
<script type="text/javascript" src="moduljqx/jqxdata.js"></script>
<script type="text/javascript" src="moduljqx/jqxgrid.js"></script>
<script type="text/javascript" src="moduljqx/jqxscrollbar.js"></script>
<script type="text/javascript" src="moduljqx/jqxgrid.selection.js"></script>
<script type="text/javascript" src="moduljqx/jqxlistbox.js"></script>
<script type="text/javascript" src="moduljqx/jqxdropdownlist.js"></script>
<script type="text/javascript" src="moduljqx/jqxbuttons.js"></script>
<script type="text/javascript" src="moduljqx/jqxpanel.js"></script>
<script type="text/javascript" src="moduljqx/jqxcheckbox.js"></script>
<script type="text/javascript" src="moduljqx/jqxradiobutton.js"></script>
<script type="text/javascript" src="moduljqx/jqxwindow.js"></script>
<script type="text/javascript" src="moduljqx/jqxvalidator.js"></script>
<script type="text/javascript" src="wconfigs.js"></script>
<script type="text/javascript" src="xangebot.js"></script>

oh….. the vertical scrollbar is not displayed

thx detberlin

[Peter StoevKeymaster]

Hi detberlin,

I am using the following code with jQWidgets 2.5.5 and jQuery 1.8.2 and I couldn’t find out an issue.

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var theme = '';
            var gesTitle = ''; var gesDatei = ''; var gesHtml = '';
            var iLoadModul = 0;
            if (iLoadModul == 0) { gesTitle = 'AGB'; gesDatei = 'agb'; gesHtml = ""; } else { gesTitle = 'Impressum'; gesDatei = 'impressum'; gesHtml = ""; }
            var myCreateElement = $('<div id="gesWindow"><div>' +
            '<div id="gesPanel" style="background-color:#e1e1e6; position:absolute; left:0px; top:29px; overflow:hidden;">' + gesHtml + '</div>' +
            '<input id="gesCancel" style="float:right; margin-top:494px; margin-right:250px;" type="button" value="Schlie&szlig;en">' +
            '<input id="gesSenden" style="float:right; margin-top:494px; margin-right:  3px;" type="button" value="Download">' +
            '</div></div>'); $(document.body).append(myCreateElement);
            $('#gesPanel').jqxPanel({ width: 692, height: 487, theme: 'energyblue' });
            $('#gesSenden').jqxButton({ height: '30px', width: '91px', theme: 'energyblue' }); $('#gesCancel').jqxButton({ height: '30px', width: '91px', theme: 'energyblue' });
            $('#gesWindow').bind('closed', function (event) { $('#gesWindow').remove(); }); var xPos = 0; var yPos = 0;
            $('#gesWindow').jqxWindow({
                position: { x: xPos + ((767 - 694) / 2), y: yPos + ((666 - 568) / 2) }, width: 694, height: 568, maxHeight: 700, closeAnimationDuration: 0,
                autoOpen: true, isModal: true, resizable: false, showAnimationDuration: 0, draggable: false, cancelButton: $('#gesCancel'), theme: 'mydarkblue'
            });
            $('#gesWindow').jqxWindow('setTitle', gesTitle); $('#gesSenden').bind('click', function () { ladeInfoFile('xdefault/' + gesDatei); });
        });
    </script>
</head>
<body class='default'>
   
</body>
</html>

Could you please tell me what should or shouldn’t happen in FireFox?

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[detberlinParticipant]

hi Peter,

i use the version 17.0.1 of FireFox

and your actual version of jQWidgets

my gesHtml is a long long html text over two pages

i have in IE and Crome a H-Scrollbar and non in FF

i cant scroll in FF

[Peter StoevKeymaster]

Hi detberlin,

Could you, please modify the sample I posted, so I can reproduce it with FF, too?

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[detberlinParticipant]

I have now solved it with an iframe

[Author]

Posts