Box of text editing and how to make the files more small edge.js

I have a project that contains 16 different text boxes. They are displayed or hidden depending on the button the user clicks. Everything works as expected, but look at the great edge.js file shows a LOT of redundant text formatting code. All the text boxes in exactly the same form, and each of them is a symbol.

For example, the text box might look like this:

First line

Second line

Third line

Edge does not use anything other than a < p > or < div > don't tag for each line, i.e. no < ul > or < li > can be created directly on board.

The corresponding part of the published edge.js file resulting looks like this:

S104 = "< style p = \" margin: 0px; do-family: Arial, Helvetica, without serif. Police-weight: 400; make-style: normal; text-decoration: none; do-size: 12px; Color: rgb (0, 0, 0); background-color: rgba (0, 0, 0, 0); letter-spacing: 0px; text-transform: none; Word-spacing: 0px; text-align: start; text-indent: 0px; line-height: normal; ------"> first line < /p > < p = style-" margin: 0px; do-family: Arial, Helvetica, without serif. Police-weight: 400; make-style: normal; text-decoration: none; do-size: 12px; Color: rgb (0, 0, 0); background-color: rgba (0, 0, 0, 0); letter-spacing: 0px; text-transform: none; Word-spacing: 0px; text-align: start; text-indent: 0px; line-height: normal; ------"> second line < /p > < p = style-" margin: 0px; do-family: Arial, Helvetica, without serif. Police-weight: 400; make-style: normal; text-decoration: none; do-size: 12px; Color: rgb (0, 0, 0); background-color: rgba (0, 0, 0, 0); letter-spacing: 0px; text-transform: none; Word-spacing: 0px; text-align: start; text-indent: 0px; line-height: normal; ------"> third line < /p >"

It's a LOT of unnecessary code. There must be a simple way to do it with CSS, like adding a class for each symbol - but this does not remove the inline style rules.

You can that imagine how much space is consumed by these text boxes, many of which have more than 10 rows (< p > elements) each.

Anyone know how to get around this problem?

TIA!

Even MORE interesting, is that I could take ALL this unnecessary inline using the waterfall style code for styling all those

elements, simply by using a generic on their parent elements - works like a charm and the end result is that I cut the file size 88 KB to about 37 KB edge.js, while the associated HTML file went from 60 KB to 10 KB! I just took the pertinent information of ID and class of the HTML page. It seems a little counter-intuitive, but all this text style plain inline slowed the initial load to a significant degree. Be careful when you change something like that compressed, however.

The generic switch I used was this:

/ * Text of the animation of edge

only * /.

div [id * = "_Text"] {p}

do-family: Times New Roman, serif;

font size: 1.1em;

line-height:. 2;

padding-left: .6em;

}

Tags: Edge Animate

Similar Questions

  • windows vista 64-bit vista need upgrade Express dvd, but can't without a yellow sticker? is - this saposed to be somewhere on my pc? or on the vista cd case? and how to make the upgrade without the sticker? __

    need vista in windows vista 64-bit upgrade Express dvd, but can't without a yellow sticker? is - this saposed to be somewhere on my pc? or on the vista cd case? and how to make the upgrade without the sticker?

    32-bit to 64-bit is NOT an upgrade path.

    It must be done with a clean installation using a Vista FULL 64-bit disk/license.

    Buy a version of disk/license FULL Vista 64 bits of your local computer, or online store: amazon, newegg, etc.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    If you already have a version of Vista Home 64 bit, here's how to buy Vista 64 bit Ultimate Anytime Upgrade:

    http://www.Microsoft.com/Windows/Windows-Vista/get/Anytime-Upgrade-overview.aspx

    See you soon. Mick Murphy - Microsoft partner

  • How to make the query more efficient

    Hi all

    I use the following query in my app that works very well. Although I'm not an expert in PL/SQL, can someone please suggest how can I make the query more efficient? Because I use the same contract for every query table. Only difference is that in the name of the condition column. Again I am showing same column comments for each request. I was wondering if I can join these 3 and do 1 single request if possible

    DECLARE
    v_CONTRACTNO varchar2(100);
    v_CHILDCONTRACTNO varchar2(100);
    v_SOURCESYSTEM varchar2(100);
    
    BEGIN
    begin
    SELECT comments
    into v_CONTRACTNO
    from user_col_comments
      where TABLE_NAME = 'CONTRACT'
    and COLUMN_NAME = 'CONTRACTNO';
    end;
    begin
    SELECT comments
    into v_CHILDCONTRACTNO
    from user_col_comments
      where TABLE_NAME = 'CONTRACT'
    and COLUMN_NAME = 'CHILDCONTRACTNO';
    end;
    begin
    SELECT comments
    into v_SOURCESYSTEM
    from user_col_comments
      where TABLE_NAME = 'CONTRACT'
    and COLUMN_NAME = 'SOURCESYSTEM';
    end;
    END;
    

    Thanks in advance...

    Concerning

    Nabila

    Hi, Nabila,

    The nabila Islam wrote:

    Hi all

    I use the following query in my app that works very well. Although I'm not an expert in PL/SQL, can someone please suggest how can I make the query more efficient? Because I use the same contract for every query table. Only difference is that in the name of the condition column. Again I am showing same column comments for each request. I was wondering if I can join these 3 and do 1 single request if possible

    1. DECLARE
    2. v_CONTRACTNO varchar2 (100);
    3. v_CHILDCONTRACTNO varchar2 (100);
    4. v_SOURCESYSTEM varchar2 (100);
    5. BEGIN
    6. Start
    7. SOME comments
    8. in v_CONTRACTNO
    9. of user_col_comments
    10. where TABLE_NAME = 'CONTRACT '.
    11. and COLUMN_NAME = 'CONTRACTNO ';
    12. end;
    13. Start
    14. SOME comments
    15. in v_CHILDCONTRACTNO
    16. of user_col_comments
    17. where TABLE_NAME = 'CONTRACT '.
    18. and COLUMN_NAME = 'CHILDCONTRACTNO ';
    19. end;
    20. Start
    21. SOME comments
    22. in v_SOURCESYSTEM
    23. of user_col_comments
    24. where TABLE_NAME = 'CONTRACT '.
    25. and COLUMN_NAME = 'SOURCESYSTEM ';
    26. end;
    27. END;

    Thanks in advance...

    Concerning

    Nabila

    Of course, you can get all 3 values in a query.  Here's one way:

    SELECT contractno, childcontractno, sourcesystem

    IN v_contractno, v_childcontractno, v_sourcesystem

    Of user_col_comments

    PIVOT (MIN (comments)

    FOR column_name IN ('CONTRACTNO' AS contractno

    'CHILDCONTRACTNO' AS childcontractno

    'SOURCESYSTEM' AS sourcesystem

    )

    )

    WHERE table_name = 'CONTRACT '.

    ;

    But I doubt that it makes things very slow.   If your PL/SQL performance is poor, I suspect that the cause is somewhere that you haven't posted.

  • How to make the file spal in orcel apex

    Hello!
    I know that google is my best friend but he doesn't know. I hope you can help and how to make a spol file? Thank you!

    Published by: user12163960 on December 23, 2009 12:37 AM

    coil is a SQL * more is not part of the Apex feature.

    Apex runs on the database server should so no interface output (to serve web pages share) coil or write the output to.

    What exactly are you trying to do?

    If you try to follow or to record things, you can better use an autonomous transaction in a procedure that writes data to a trace/logging table.
    Alternatively, you can call a procedure of apex that uses the UTL_FILE database package to write something in a file on the database server.

    With APEX, you will not be able to be rolled up or write the data directly to a file on the client computer as that violates all sorts of web protocols around security. Apex can generate files on the server and then serve those through the web browser, such as when it generates files Excel etc., but this isn't quite what you're looking for seems to me.

  • How to make my email more small it is too big for my screen and it too far on the right, it is when I click on create mail and it's huge

    How can I make my smaller email is too big and it was too long on the right side, it is when I click on create email and when it opens I do not have the right of it

    You can move the window by grabbing the title bar at the top. Once you have a visible advantage, place the cursor on the right on that edge, left click and drag it to the desired size. First close all other windows and the latter so that Windows remember their size.
     
  • How to make the file initially muted and have playbar show its mute

    With Captivate 5.5 (newbie here), I use TTS to the narration of several slides. I want the narratiion be disabled by default and allow users to start. I think that the easiest way is to automatically cut the file and then users can activate the sound it if they want to hear the audio. I use the standard default playback bar skin.

    I found the system variable "cpCmndMute" for the break with the code and created a script that call on the first slide to assign a value of 1 to cut things "cpCmndMute". This certainly muted the audio, but I noticed that it has not affected the mute button in the playback bar, which I will not be changed. A user who would click on the mute button would actuall cut this file (which is already cut off) and you click a 2nd time to activate audio. How can I change the button in the PlayBar? Or better yet, what is a better strategy for this idea?

    Unfortunately the buttons are not tied to the code in a way that seems intuitive.  When you change the cpCmndMute it does not switch the button.  It seems that your options are limited.  I think that there are at least two viable options:

    (1) you could try to tickle the button with the code.  Mainly to find the function that is called by the button and then call the function, rather than change the code variable.  By calling the function of the button event handler, you assign I hope as the variable which is displayed/hidden in time.

    (2) you could create a widget bar reading (or have someone create one for you) and then initialize her with the button MUTE.

    Michael

    www.vtrainingroom.com

  • How to make the cursor more visible healing

    Hello

    I ask your help to find the answers to 2 issues related both to Adobe Lightroom and Photoshop.

    1. I use the remove task L R and Spot healing in Photoshop.  A few times I'm going to remove a stain, and the background makes the cursor so light that it would be difficult to see.  I wonder if I can darken or change the color of the slider so it would be visible.

    2. when I remove a task in Photoshop, I can go over the same area that I removed a task and do more remove or modify.  In the case R L I need cancel first healing I did and start a new one.  It's a little irritating and I wonder if I can do the same thing in L R.

    Thank you all for your help and your support.

    MB

    You cannot change the cursor in LR, but if you press A, the tasks will be displayed in black & white. Press A again to disable the visualization.

    Every place you heal in Lightroom is represented by two circles - a place where you click and one for the source. To change a spot, click on the place, then it becomes active, and you can change the size, or drag the circle to the source somewhere else. You can also change the size, feather and opacity in the spot light modify Panel.

    Spot healing in Photoshop is done by changing the pixels, while in LR, it's done with metadata.

    Large healing spot in LR will be, as you may have noticed, slow LR to a crawl, so if you have many tasks in an image, it is best done in PS.

  • How to make the file Vi as of entry into the structure of the event?

    HIII all...

    I had problems when building a structure of the event. The entry in the file (format vi) is not a source of connection of the wires to connect the wire (shift register). For your information the vi that I create only contain a simple mathematical equation.

    I already have the new event handler example. but the entry of the file in this example (buy data.vi) have a source of connection. can someone help me?

    Thank you very much

    [email protected]

    Well, in your sub - VI you need to wire some inputs and outputs of your login Panel.  As I said, a LabVIEW basic skill that you will find in the tutorials.

    You have a number of entries to your Subvi.  The more you do not want to fix on a panel of connectors.  You may need to use a cluster to group them.

    To help you get started, here are the steps to connect a control or the indicator for the login Panel.

    1. open Subvi.

    2. right click on the icon at the top right.  Show the connector.

    3 hover over a block that you want to be a terminal connector, it will change to a coil of wire.  Click on.

    4. go to the control or the indicator on the front that you want to associate.  Click again.

    5. Repeat for the other controls and indicators needed and save your Subvi.  Now the Subvi in your main VI instance can have on connected wires.

    You must plan your login Panel so that the controls are on the left side of the Panel and indicators on the right.  This will allow the data who "throw" and "flow on" the Subvi in a normal search has left to the right orientation.

  • How to move the hard drive to external hard drive backup and how to make the backup automatically and regularly

    Original title: EVOLUTION of BACKUP

    I SAVED IT ON THE HARD DRIVE TO PUT IN PLACE TO ENSURE THE GUARD. NOW, I HAVE A LIL BOX IS AN EXTERNAL HARD DRIVE, I GUESS. I GOT IT FOR THE MEMORY, LIKE A BIG THUMB. SAYS ITS NEED F HOW TO BACKUP IT (MY LAPTOP) THIS AUTOMATICALLY AND REGULARLY. HELP PLEASE, THANK YOU?

    Hello

    You can try the following methods and check if it helps.

    Method 1: Change where you back up your files
    http://Windows.Microsoft.com/en-us/Windows-Vista/change-where-you-back-up-your-files

    Method 2: Set up or change automatic backup settings
    http://Windows.Microsoft.com/en-us/Windows-Vista/set-up-or-change-automatic-backup-settings

    Reference:
    Back up and restore: frequently asked questions:
    http://windows.microsoft.com/en-US/windows-vista/Back-up-and-restore-frequently-asked-questions

    Backup your files: http://Windows.Microsoft.com/en-us/Windows-Vista/back-up-your-files

  • How to make the image more dark?

    I have a slide show, and I need to my darker images, he...

    You need to do this, use an image editing software.

  • How to select and deselect an existing path and how to make choices using?

    Hello

    I have created a path to the Master file.

    How to select and deselect this existing path and how to make the selection for the rest of the procedure?

    I talked about this script reference guide, I tried this: app.activeDocument.pathItems.getByName ("path of 1');

    But it does not work. Could you please help me on this?

    Thank you

    Rajiv.s

    I thank very you much for the help!

  • Does anyone know how to make the site in different languages?

    Does anyone know how to make the web in different languages? and how to make the menu appear on the master page in the target language?

    Hello

    You must create the page content in languages that you want and then bind using the options in the subfolder on root of the hosting platform.

    More details:

    http://forums.Adobe.com/message/6065652#6065652#6065652

    For the menu, you need to create different masters, and then apply on the pages.

    Thank you

    Sanjit

  • When I type text, the text is in a box, and I can't figure out how to make the box go away. I never had this problem before.

    When I type the text in the latest Illustrator, the text is in a white box. I never had this problem before. I can't find out how to make the box go away. What I am doing wrong?

    Today I tried to close Illustrator and re-boot the computer. It did not help. I went on a second computer video/graphics/animation and open Illustrator here. I did a few tests, and he managed to create the text without a box. Then, I opened my first computer Illustrator file form. The boxes were there. I tried to type the new text, and the box was there. When I open the file it says something about a missing font and a replacement. I tried to use this area to locate the police but couldn't. It's the default font on Illustrator on the other computer. A variant of Myriad. I tried to type in the text with a different font. No box. The default font selected by the Illustrator has apparently a box. I didn't try to change the font because it was going well, and because I didn't know any font came with a box. At first, I did all of the text, which was on a white background, so I don't see the boxes of cream. When I added the background image of the boxes appeared. If the problem is resolved. It was a font with a box.

  • Using Windows Mail - how to make the smaller Options box so I can see the bottom and be able to act on it?

    Computer is a 32-bit Dell XPS * SP2 Windows Vista (Home Premium), Internet Explorer 9 Panda anti-virus

    Nothing new and NO change has been made.

    Using Windows Mail - how to make the smaller Options box so I can see the bottom and be able to act on it?

    Even when I hide the taskbar I always can't NOT see the background.  Thanks in advance for any help. It drives me crazy.

    Set your resolution to be higher.  Right click on your desktop, go to personalize, then choose the resolution down.  Set it to the highest setting.

  • How to make the default text size and line spacing in small Sticky Notes?

    How to make the default text size and line spacing in small Sticky Notes

    Hello

    I suggest that you try the method below and check if it helps.

    Method 1: analysis of auditor of file system (CFS)

    System File Checker is a Windows utility that allows users to find corruptions in Windows system files and restore the damaged files. To perform a scan of the SFC, check out the link: https://support.microsoft.com/en-us/kb/929833.

    Note: the steps for Windows 8/8.1, works perfectly with Windows 10.

    Method 2: clean boot

    A clean boot is executed to start Windows by using a minimal set of drivers and startup programs. This will eliminate software conflicts that occur when you install a program, an update or when you run a program in Windows. Follow the link to perform the clean boot: https://support.microsoft.com/en-us/kb/929135.

    Kind regards

    Angelo bar

    Microsoft community

Maybe you are looking for

  • DeskJet 3050 j610: Deskjet 3050 j610 software problem

    Hello First of all, I'm sorry for my English! I have a problem with my printer software. As you can see in the following screenshot (I'm sorry it's in Italian) I don't have "advanced features" into the printer option. I tried to install the software

  • 110 - 000z: CD/DVD do not work.

    My CD/DVD drive on my pc, do not play. When I put a dvd, a pop up screen and the microsoft store appears. my pc is Windows 10. Device Manager displays the CD-ROM/DVD-Rom drives. How can I make it work with to pay for it.

  • Impossible to reactivate Active Desktop

    original title: Section of the white screen on desktop Recently, a white screen pops up with Active Desktop. He asked if I wanted to turn it back on. When I hit the button highlight, the screen has gone but left part of my white office. I could reduc

  • Add the pci video card

    Hello I am the proud owner of a refurbished Lenovo T400 - 6475FP1, with a P8400, 4 GB of DDR3 memory and an Intel GMA video card. I know that the T400 is a series of graphics cards switchable (they start with 2 No 6) and I think, the motherboard must

  • Bad touch screen orientation

    Hello I have an IQ830uk running Windows 7 touchscreen. I went today and the touchscreen does not behave correctly. When I touch the screen, the point recording is not where is my finger. If I move my finger up and down, the cursor moves from left to