Firefox inserts spaces when changing display

1 New Member

Hi,

I am trying to write a DNN module that has the ability to insert articles into an article repository. I want the users to be able to move pages around and enter text into the FCKEditor. I want only one instance of the FCKEditor on the screen at one time so I make tabs that the user can click and I store the values in variables behind the scenes. I change the CSS class on the link that is the currently selected one.

I have a really weird thing happening in Firefox when I try to change the className on the link currently selected link. It randomly inserts about 200px of white space when I change the link. You may have to click Page One and then Summary to get it to work. The error happens on line 49 when I change the display of the link. All of the other code around it (that is doing exactly the same thing) works. IE it works fine.

I have stripped out a lot of the code that is irrelevant and I have validated it.

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

    <HEAD>

        <TITLE>

            FastEntry

        </TITLE>

    </HEAD>

<BODY>
 
<script language="JavaScript" type="text/javascript"><!--

Expand|Select|Wrap|Line Numbers

 function doNothing(){

}

function setClass(objectID,newClass){

    var object = document.getElementById(objectID);

    object.className = newClass;

}
 
function setDisplay(objectID,state) {

    var object = document.getElementById(objectID);

    if(object != null)

        object.style.display = state;

}
 
function toggleDisplay(objectID) {

    var object = document.getElementById(objectID);

    state = object.style.display;

    if (state == 'none')

        object.style.display = 'block';

    else if (state != 'none')

        object.style.display = 'none';

}

function swapValues(objectFromID, objectToID) {}
 
// -->

Expand|Select|Wrap|Line Numbers

 
</script>
 
<!-- Start_Module_561 --><div id="dnn_ctr561_ModuleContent">

    <div id="js"><script language="JavaScript" type="text/javascript"><!--

function NAFEClearPanels(objectID)

{

    setDisplay('repPages__ctl0_tblItem', 'none');

    setClass('repBar__ctl0_cellItem', 'NAFEItem');

    setClass('repBar__ctl0_lnk', 'NAFEItem');

    setDisplay('repPages__ctl1_tblItem', 'none');

    setClass('repBar__ctl1_cellItem', 'NAFEItem');

    setClass('repBar__ctl1_lnk', 'NAFEItem');    
 
    var s = 'repPages__ctl' + objectID + '_tblItem';

    setDisplay(s, 'block');

}
 
// -->

</script>

</div>

<table id="tbl" cellspacing="0" cellpadding="0" width="600" border="0">

        <tr id="rowNoModule" style="display:none;">

            <td class="SubHead">
 
            </td>

        </tr>
 
        <tr id="rowModuleExists" style="display:block;">

            <td>

                <table id="tblExists" width="600" border="0">

                <tr>

                    <TD align="center"><span id="lblError" class="NAFEError"></span></TD>

                </tr>

                <tr>

                    <td class="SubHead"><span id="lblTitle" class="SubHead">Article Title</span></td>
 
                </tr>

                <tr>

                    <td class="SubHead"><input name="txtTitle" type="text" id="txtTitle" style="width:600px;" /></td>

                </tr>

                <tr id="rowBar" style="display:block;">

                    <TD align="left">

                                <table cellSpacing="0" width="100%">

                                    <tr class="NAFEItem">
 
                                                <td id="repBar__ctl0_cellItem" nowrap="nowrap" align="center" class="NAFESelectedItem">&nbsp;&nbsp;<a href="javascript:doNothing();" id="repBar__ctl0_lnk" class="NAFESelectedItem" onclick="javascript:NAFEClearPanels(0);">Summary</a>&nbsp;&nbsp;</td>
 
                                                <td id="repBar__ctl1_cellItem" nowrap="nowrap" align="center" class="NAFEItem">&nbsp;&nbsp;<a href="javascript:doNothing();" id="repBar__ctl1_lnk" class="NAFEItem" onclick="javascript:NAFEClearPanels(1);">Page One</a>&nbsp;&nbsp;</td>
 
                                        <td id="cellAddPage" class="NAFEItem" align="right" width="600"><a id="btnAddPage" class="NAFEItem" onclick="javascript:saveEditorText('txt', 'repPages__ctl' + document.getElementById('hidCurrentPage').value + '_PageText');" href="javascript:__doPostBack('dnn$ctr561$NewsArticles_FastEntry$btnAddPage','')">Add Page</a></td>
 
                                    </tr>

                                </table>

                            </TD>

                </tr>

                <tr id="rowPages" style="display:block;">

                    <td>
 
                                <table width="100%">
 
                                            <tr id="repPages__ctl0_tblItem" style="display:block;">

                        <td id="repPages__ctl0_ItemCell" width="600">

                                                    <table id="repPages__ctl0_tblItems" width="600" border="0">

                            <tr>

                                <td class="SubHead">

                                                                <span id="repPages__ctl0_plPageTitle" class="SubHead">Page Title</span></td>

                                <td align="right" nowrap="nowrap">
 
                                                                <table align="right">

                                                                    <tr>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                    </tr>

                                                                </table>

                                                            </td>

                            </tr>

                            <tr>

                                <td colspan="2">
 
                                                                <table width="100%">

                                                                    <tr id="repPages__ctl0_rowTextBox" style="display:none;">

                                    <td><input name="repPages:_ctl0:title" id="repPages__ctl0_title" type="text" size="80" value="Summary" style="width:600;" /></td>

                                </tr>
 
                                                                    <tr id="repPages__ctl0_rowLabel" style="display:block;">

                                    <td height="25">Summary</td>

                                </tr>
 
                                                                </table>
 
                                                                <input name="repPages:_ctl0:PageText" id="repPages__ctl0_PageText" type="Hidden" value="This is the summary." />

                                                            </td>

                            </tr>

                            <tr bgcolor="black" style="Height:1px">

                                <td height="1" colspan="2"></td>

                            </tr>

                        </table>
 
                                                </td>

                    </tr>
 
                                            <tr id="repPages__ctl1_tblItem" style="display:none">

                        <td id="repPages__ctl1_ItemCell" width="600">

                                                    <table id="repPages__ctl1_tblItems" width="600" border="0">

                            <tr>

                                <td class="SubHead">

                                                                <span id="repPages__ctl1_plPageTitle" class="SubHead">Page Title</span></td>

                                <td align="right" nowrap="nowrap">

                                                                <table align="right">
 
                                                                    <tr>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                        <td height="16" width="16">
 
                                                                        </td>
 
                                                                        <td height="16" width="16">
 
                                                                        </td>

                                                                    </tr>

                                                                </table>

                                                            </td>

                            </tr>

                            <tr>

                                <td colspan="2">
 
                                                                <table width="100%">
 
                                                                    <tr id="repPages__ctl1_rowTextBox" style="display:block;">

                                    <td><input name="repPages:_ctl1:title" id="repPages__ctl1_title" type="text" size="80" value="Page One" style="width:600;" /></td>

                                </tr>
 
                                                                    <tr id="repPages__ctl1_rowLabel" style="display:none;">

                                    <td height="25">Page One</td>

                                </tr>
 
                                                                </table>

                                                                <input name="repPages:_ctl1:PageText" id="repPages__ctl1_PageText" type="Hidden" value="This is the first page" />
 
                                                            </td>

                            </tr>

                            <tr bgcolor="black" style="Height:1px">

                                <td height="1" colspan="2"></td>

                            </tr>

                        </table>
 
                                                </td>

                    </tr>
 
                                        </table>
 
                                <br>

                                <div><input type="hidden" id="txt" name="txt" value="This is the summary." /><input type="hidden" id="txt___Config" value="" /><iframe id="txt___Frame" src="/FCKeditor/editor/fckeditor.html?InstanceName=txt&amp;Toolbar=Default" width="600px" height="200px" frameborder="0" scrolling="no"></iframe></div></td>

                </tr>

                <tr id="rowFeatured">

                    <TD align="left"><span class="SubHead"><label for="chkFeatured">Featured?</label><input id="chkFeatured" type="checkbox" name="chkFeatured" /></span></TD>

                </tr>

                <tr id="rowCategories">

                    <TD align="left" height="2">
 
                                <table border="0">

                                    <tr>

                                        <td class="Subhead"><span id="lblCategories" class="SubHead">Categories</span></td>

                                        <td><table id="chkCategories" class="Normal" cellspacing="2" cellpadding="2" border="0">

                        <tr>

                            <td><input id="chkCategories_0" type="checkbox" name="chkCategories:0" /><label for="chkCategories_0">News</label></td><td><input id="chkCategories_1" type="checkbox" name="chkCategories:1" /><label for="chkCategories_1">Sports</label></td><td><input id="chkCategories_2" type="checkbox" name="chkCategories:2" /><label for="chkCategories_2">Weather</label></td>

                        </tr>
 
                    </table></td>

                                    </tr>

                                </table>

                            </TD>

                </tr>

                <tr>

                    <TD align="left" height="2">

                                <TABLE id="Table1">

                                    <TR>
 
                                        <TD id="rowStartDateLabel"><span id="lblStartDate" class="SubHead">Publish Date</span></TD>
 
                                        <TD id="rowEndDateLabel"><span id="lblEndDate" class="SubHead">Expiry Date</span></TD>
 
                                    </TR>

                                    <TR>

                                        <TD id="rowStartDate"></TD>
 
                                        <TD id="rowEndDate"></TD>
 
                                    </TR>

                                </TABLE>

                            </TD>

                </tr>

                <tr>

                    <td align="center"><input type="submit" name="btnAdd" value="Add" id="btnAdd" onclick="javascript:saveEditorText('txt', 'repPages__ctl' + document.getElementById('hidCurrentPage').value + '_PageText');" /></td>

                </tr>
 
            </table>
 
            </td>

        </tr>

        <tr>

            <TD align="left"></TD>

        </tr>

    </table>
 
<input name="hidCurrentPage" id="hidCurrentPage" type="hidden" size="1" value="0" /><input name="hidTitle" id="hidTitle" type="hidden" size="1" /><input name="hidPageText" id="hidPageText" type="hidden" size="1" />

</div><!-- End_Module_561 -->
 
    </BODY>
 
</HTML>

Any help would be appreciated
Richard

Sep 7 '06 #1

Subscribe Reply

4531

acoder

16,027

Recognized Expert Moderator MVP

If changing the display property of table rows/cells, they need to be set to "table-row", "table-cell", etc., not "block". In IE, it needs to be set to "block", so a compromise is to set it to the empty string (default display).

Jun 8 '08 #2

Similar topics

6097

problem with DIV tag in FireFox

by: mike | last post by:

I have a page that uses a some javascript and it works fine in IE but fails to work in Firefox. Basically what I'm trying to do is have 3 iframes on a page but only displaying one of them at a time. A button is displayed for the two iframes that are not displayed and when the button is clicked, the corresponding iframe is shown and the other two are closed and buttons for the closed iframes are then displayed. Firefox says basically...

Javascript

1978

fixing stretching textarea's in firefox

by: yawnmoth | last post by:

in firefox, long strings without spaces cause a horozontal scrollbar to appear at the bottom of any given textarea. for example, if your textarea supports 50 characters, and 100 consecutive non-space characters are entered, stretching will occur. is there a fix for this, using javascript?

Javascript

5624

Display a block of text in Firefox & Safari

by: drew197 | last post by:

I am a newbie. I am editing someone elses code to make it compatible with Firefox and Safari. In IE, when you click on the proper link, a block of text is shown in a nice paragraph form. But, in FireFox and Safari it appears as a narrow column of text with only 2-3 words per line. Here is the code: function showAll()

Javascript

2082

Javascript, works good in IE but in Firefox Mozilla it gives problems

by: shafiqrao | last post by:

Hello everyone, I have a script that runs in IE great, but in firefox it has problems. I understand that there are some objects that are accessed differently in IE and Mozilla. Can anybody let me know what I need to change in the file to make a copy that would run fine on Firefox? Here is the link to the file: http://people.emich.edu/srehman2/study/polls.html click on the 'Build Bars' link displayed at the top-right corner. I am...

Javascript

4652

Firefox browser problem: width:30ex does not respect font

by: Xah Lee | last post by:

Look at this page http://xahlee.org/emacs/wrap-url.html Look at it in Firebox, look at it in Safari, in Opera, and look at it in Microsoft Internet Explorer. The only fucked up case, is Firefox. Namely, that it does not respect the font used when dealing with Â«width:80exÂ». The way to test this visually, is by this code: <pre style="border:thin black solid;

HTML / CSS

2403

Firefox display problem for display:block

by: sneeka2 | last post by:

Hi, I'm developing a portfolio site, which contains a bunch of thumbnails wrapped in links: <a href="..."><img ... /></a>. A window.onload script inserts an onclick property into the links which changes their behaviour to load the big image in a <div> on the same page, instead of going to another site. For that purpose I have a <div><img ... /></div> construct in the page which is set to a fixed height and width and 'display: none' via CSS....

Javascript

2613

Firefox not recognising javascript spaces between text

by: tim | last post by:

I am using foldoutmenu 3 and am having problems with viewing my menus in firefox. On my sub3 menus i have more than one line of text in some places. firefox does not recognise that there is more than one line and the text simply overlaps the sub-menus below it. I thought i had got around this by placing empty 'spacers' like so; oFoldMenu.make('sub3','')//spacer unfortunately, i have just viewed the site in IExplorer and it has added...

Javascript

5364

Optgroup causes blank line in Select; Firefox but not IE

by: Patrick Nolan | last post by:

I am using javascript to manipulate optgroups in select elements. When the results are displayed in Firefox 2.0 there is an annoying blank line at the top of the multi-line select box. This doesn't happen with IE7. There's a little program below which illustrates the problem. I create two multi-line select boxes. The first one has an optgroup and an option specified in the HTML. That one displays with "opt1" as the first line. The...

Javascript

8896

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

9451

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

9421

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

9333

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

8328

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

6869

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

4771

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

3395

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

2872

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP