Render textarea content charachters in a div

Hi all,
I want to render the formatted content of my textarea in a div with 150px width
So now I have the string in my DB like "My string \r\n blah blah blah eccccccccccccccccccccccccccccccccccccccccc"
Wrapping this text in a html <pre> element causes the string to be formatted but it breaks the div because the formatted string is too long for the div content.
So don't want to use the pre element instead maybe change the \r\n to <br> o something like that.
Is there something in jsf to manage this problem?
thanks

You can apply the CSS overflow property on the div so that it would get a scrollbar if the content it too long.
Replacing CRLF by <br> is relatively easy: you can do it with String#replaceAll().

Similar Messages

Scrolling main content in an AP Div disappearing behind other AP Divs...?

Newbie here, using CS3. No CSS power user (yet!)--general concepts, yes, but not much practice. Meanwhile two recent CS3 classes, several books, and a concerted search through online forums have failed to point me toward a fix for this prob. Any help greatly appreciated.
Prob statement: In design view the core content of my pages disappears behind my footer and a secondary box, both AP Divs, so that I cannot see or edit anything beyond the bottom edge of the core-content AP Div. Overflow for that AP Div is set to scroll. The "obscured" content shows up only as an outlined shape extending past the footer etc. (and I can see some of the obscured text "through" the footer). Down arrow doesn't get me there: it just scoots down the outlined-but-obscured section. Doubleclicking highlights everything that's obscured so that I can see the relative shapes of the paragraphs, but doesn't expose the content. This seemed to start the first time I set the content div to scroll any overflow. I've changed it back/forth since; no joy.
Rendered in IE or Firefox, all the pages with all their varying content lengths look fine. Scrollbar works great. It's just that in order to edit or compose further, I have to copy everything into Notepad or something, work there, and then paste it back into DW. Definitely non-optimum, though: can't format or add hyperlinks to the content.
I'm using AP Divs, with scroll on in the "content" AP Div, because I couldn't figure out how to create a template where the footer would slide down the page in response to varying amounts of content. Started out with a table to handle all this, but an instructor recommended AP Divs so I went that way. I'd like to resolve this, rather than just go back to using tables while leaving this AP Div oddness a mystery.
The footer is full of a Spry tabbed panels giving my legal/green/design statements and other small bits of info. The secondary box is an AP Div called "quotations" and is for friendly little bits of cute/clever nonsense at the bottom of each page.
Tried a number of different settings so far and by now I've probably truly messed things up. Can anyone suggest a fix?
The code for the template file seems long, so my apologies. However, the content type isn't allowed for attachments so I've pasted it in below.
Much appreciation!
=================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

</style>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
<meta name="Description" content="Skyway Consulting: taking your information to a higher level! We do information design: planning, writing, editing, and indexing your user documentation. We also design websites, website graphics, print layouts, and logos. Basically, we want to be your source for the way your organization interfaces with the world. " />
</head>
<body onload="MM_preloadImages('../Images/Button_WebDesignOver.gif','../Images/Button_UserDocsO ver.gif','../Images/Button_LogoDesignOver.gif','../Images/Button_PrintLayoutOver.gif','../ Images/Button_ITSvcsOver.gif','../Images/Button_Home.gif','../Images/Button_HomeOver.gif', '../Images/Button_WebDesign.gif','../Images/Button_UserDocs.gif','../Images/Button_ITSvcs. gif','../Images/Button_LogoDesign.gif','../Images/Button_AboutUs.gif','../Images/Button_Co ntact.gif','../Images/Button_AboutUsOver.gif')">
<div id="LeftSidebar"></div>
<div id="Banner">
<div align="center"><img src="../Images/Banner.gif" alt="Skyway Consulting" width="335" height="184" /></div>
</div>
<div id="BannerPhone">
<p align="center">Taking your information to a higher level.</p>
<p align="center">530.965.2624</p>
<p align="center"><img src="../Images/email_Info.gif" alt="Address" width="203" height="23" /></p>
</div>
<div id="NavBar">
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="../index.html" target="_top" onclick="MM_nbGroup('down','group1','Home','../Images/Button_HomeOver.gif',1)" onmouseover="MM_nbGroup('over','Home','../Images/Button_HomeOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_Home.gif" alt="Skyway Consulting Homepage" name="Home" border="0" id="Home" onload="" /></a></td>
      <td><a href="../webdesign.html" target="_top" onclick="MM_nbGroup('down','group1','WebsiteDesign','../Images/Button_WebDesignOver.gif', 1)" onmouseover="MM_nbGroup('over','WebsiteDesign','../Images/Button_WebDesignOver.gif','',1) " onmouseout="MM_nbGroup('out')"><img src="../Images/Button_WebDesign.gif" alt="Website Design Services" name="WebsiteDesign" width="106" height="30" border="0" id="WebsiteDesign" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','UserDoc','../Images/Button_UserDocsOver.gif',1)" onmouseover="MM_nbGroup('over','UserDoc','../Images/Button_UserDocsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_UserDocs.gif" alt="User Documentation Services" name="UserDoc" width="106" height="30" border="0" id="UserDoc" onload="" /></a></td>
      <td><a href="../it_svcs.html" target="_top" onclick="MM_nbGroup('down','group1','ITServices','../Images/Button_ITSvcsOver.gif',1)" onmouseover="MM_nbGroup('over','ITServices','../Images/Button_ITSvcsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_ITSvcs.gif" alt="IT Services" name="ITServices" width="106" height="30" border="0" id="ITServices" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','LogoDesign','../Images/Button_LogoDesignOver.gif',1) " onmouseover="MM_nbGroup('over','LogoDesign','../Images/Button_LogoDesignOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_LogoDesign.gif" alt="Logo Design Services" name="LogoDesign" width="106" height="30" border="0" id="LogoDesign" onload="" /></a></td>
      <td><a href="../about.html" target="_top" onclick="MM_nbGroup('down','group1','AboutUs','../Images/Button_AboutUsOver.gif',1)" onmouseover="MM_nbGroup('over','AboutUs','../Images/Button_AboutUsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_AboutUs.gif" alt="AboutUs" name="AboutUs" border="0" id="Contact" onload="" /></a></td>
    </tr>
</table>
</div>
<div id="Content">
<p>Content</p>
</div>
<div id="Footer">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Info</li>
      <li class="TabbedPanelsTab" tabindex="0">Legal</li>
      <li class="TabbedPanelsTab" tabindex="0">Privacy Policy</li>
      <li class="TabbedPanelsTab" tabindex="0">Green Statement</li>
      <li class="TabbedPanelsTab" tabindex="0">Design Credit</li>
      <li class="TabbedPanelsTab" tabindex="0">Webmaster</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">Click for information on these topics.</div>
      <div class="TabbedPanelsContent">(c) 2009 Skyway Consulting. All content, including photographic content, is owned by Skyway Consulting. You may not copy, reproduce, modify, or publicly display, perform, distribute, or otherwise use the content provided on this site in any way for any public or commercial purpose. Skyway Consulting will not work on websites involving objectionable material, including but not limited to pornography, hatred, intolerance, or animal abuse. Our management staff's decision on what constitutes "objectionable material" is final. </div>
      <div class="TabbedPanelsContent">We recognize that your privacy is important. This privacy policy applies to all of our services and website pages. We do not set cookies. We do not sell or otherwise seek to profit from the contact information you provide, although we may preserve some information for use by Skyway Consulting. If you have questions about this privacy policy, please [link]contact us.</div>
      <div class="TabbedPanelsContent">Skyway Consulting is an American home-based business that makes every effort to conserve, reduce, reuse, and recycle.</div>
      <div class="TabbedPanelsContent">
        <p>Page design by Skyway Consulting. (Of course!)</p>
        <p>Tiling forest graphic at left by the talented Silvia Hartmann, <a href="http://silviahartmann.com/">http://silviahartmann.com/</a>. (Thank you, Silvia!)</p>
      </div>
      <div class="TabbedPanelsContent">Page problems? Contact <img src="../Images/email_Webmaster.gif" alt="Webmaster e-dress" width="177" height="18" align="absmiddle" /></div>
    </div>
</div>
</div>
<div id="Quotation">Quotation</div>
<div id="Heading">Heading</div>
<div align="center"></div>
<script type="text/javascript">

</script>
</body>
</html>

I hadn't looked at the code at all. I was relying on the Dreamweaver GUI to correctly guide me to a desired outcome.
I think that this is not a desirable approach to Dreamweaver, which will write perfect HTML if you let it, but it's too easy to click buttons and apply wizards without regard for the markup consequences, thereby producing a veritable pig's ear of a page. If you are going to use DW professionally, you will have to become comfortable with code. That doesn't mean you will have to spend 100% of your time in Code view, but you will definitely need to watch the code as it is formulated.
I'm not starting from an engineering background.
Neither did I. But I did start with a sincere desire to become proficient, and to learn the technology.
Murray, I get the idea of redoing my template without AP Divs, and will get into that. I don't know what "image swaps and links" mean, though. Would you mind teaching this newbie on this point?
Not at all. When you select the "NavBar" feature, you are placing elements and code on your page that were designed in the dark ages of HTML (frames). Some of the features in the NavBar will only work in a framed page (the down image and the over while down). The code is antique, invalid, and just wrong to be included. My suggestion was to forego this and just place your button images on the page (in whatever container you need to use), and apply links to them so that they link to the desired pages. Then apply swap image behaviors to them to create your rollover effects, one for each button. The result will be modern code, that has none of the legacy stuff of the navbar, and that will work fine for you. As you become more familiar with CSS you can investigate even better ways to do such menus (if you want a preview of this, Google "CSS Sprites). The latter method is usually the only way I do menus anymore. And even then, I use both text and graphics for accessability and SEO purposes.
I will say that I like your attitude. A determination to learn and improve is a winning approach.

Inserting HTML content into an animated DIV

Can you, and if so how, insert HTLM content into an EGDE animated Div box? Specificaly an HTML table? I can get the html code in the box but it won't read/render it as html code. In flash you can tell the program that the contents of the box is html code and it will read it as such but I don't see any way to do that here. I've tried several ways and I can get the code to display in the box but it won't render the code instruction in the boxCan it be done ??
Thanks
joel

Hi,
1) Your json file is not valid.
You can copy and paste your datas here: http://jsonlint.com/
Red commas must be deleted.
      "player": [
            "image": "images/player1.jpg", //this is the URL I want to retrive
           "name": "player1",
            "image": "images/player2.jpg",
            "name": "player2",
            "image": "images/player3.jpg",
            "name": "player3",
            "image": "images/player4.jpg",
            "name": "player4",
2)An example from http://docs.jquery.com/Ajax/jQuery.getJSON:
3) compositionReady Tests.
On compositionReady, i write:
var profiles = {
               "player": [
                    "image": "images/player1.jpg",
                    "name": "player1",
                     "image": "images/player2.jpg",
                     "name": "player2",
                     "image": "images/player3.jpg",
                     "name": "player3",
                     "image": "images/player4.jpg",
                     "name": "player4",
console.log(profiles.player[1].image); // this line returns: "images/player2.jpg"
Note: i deleted the first "[" and the last "]".

Flash problems with Mountain Lion - web browsers hang when trying to render flash content

Hi Everyone,
After installing Mountain Lion all my web browsers - including the new Safari - seem to not be able to retrieve web content properly.
For example:
1. Youtube video will not play, hang for a while, then error out
2. Facebook will hang then error out (Safari cannot even get to the Facebook page for some reason)
3. IMDB.com cannot render the page, then errors out.
I've tried uninstalling all browsers, flash players, Java and reinstalling again, yet the same thing keeps happening.
Anyone have any ideas for a solution?
Thanks.

Same problem. Done every thin to fix it . I noticed today that if i login to Youtube y can´t watch videos (some times only once), but if i logout i can watch every video. Can you check on that???
I have reinstalled Flash, delete cokies, cache files, fixed rights, and the same. The problem is the same in Chrome, Safari and Firefox and started just after i upgraded to Mountain Lion.

Display the textarea content

Hi,
I have textarea in my APEX Page and I set the max length into 4000, After Save and Submit I am displaying the content as Display Text Item.
All the data's what user provided in the textarea is coming in single line. My screen is going for task.
How to fix this issue.
Regards
Balaji S

Hi,
If you try use pre tag.
Place to item Pre Element Text
<pre>and Post Element Text
</pre>Br, Jari

Pre-render Canvas content

Hello,
I have to visualize lot of data and I have to do it fast and without GUI freezing.
* This code is running in non GUI Thread
final WritableImage img = new WritableImage(500, 900);
Canvas tmpCanvas = new Canvas(500, 900);
// Draw something to Canvas
* Now I need render content of Canvas and put pixel to WritableImage.
Platform.runLater(new Runnable() {
                @Override
                public void run() {
                    canvas.getGraphicsContext2D().drawImage(img, 40, 60); // put pre-rendered result to GUI Thread.
});Is there even some way how to do it?
Thx for answer. :-)

To my knowledge it is currently not possible to render anything in JavaFX outside of the rendering thread. Even the canvas first builds up a rendering list when you issue rendering commands which is then executed on the rendering thread. This has the effect that any long-time rendering will at some time block the GUI because it cannot be done in a separate thread.
By using a WritableImage you could of course implement your own software rendering but that is probably not what you want :-)

How to wait for content rendering in a Div

How can i check the status of a div content, whether the content is completely rendered or not?
sekhar

I have already tried WaitForControlReady Method. The thing is the content inside div is dynamic. We can't compare it using any of InnerText , HelpText or DisplayText property.
This Div tag consists of spans and child div's. The Content of these child elements consists MathJax content(For displaying mathematical eqtns/graphs etc..).
sekhar

Why is Firefox on Mac rendering textarea content in italics on multiple sites?

For some reason, any <textarea> on a website is rendering the text within it in italic. This is very annoying. I have checked it on multiple websites, including the W3 Schools. I don't know what happened. Is it a setting in Firefox (or Firebug) or could it be an extension messing with things?

You can do a check for corrupted and duplicate fonts and other font issues:
*http://www.thexlab.com/faqs/multipleappsquit.html - Font Book 2.0 Help: Checking for damaged fonts
*http://www.creativetechs.com/iq/garbled_fonts_troubleshooting_guide.html

Key combination to render frame content as pdf

I am not able to print my bank statement, which is presented on the Internet as a paginated document in a frame. The "print" link get me onyl the portion in the frame (less than a page). In Lion I was able to 2-finger tap the content and get the whole doc. Now the best I can get is the frame content that is showing. While trying various key combinations, I got a new window to appear with a pdf version of the entire document - I was able to print it. But I cannot discover what combination of keys I used. Can anyone tell me how to pop up a pdf verison of the doc so that I can print it the next time I need it? I have given up on trying to get any browser to just print it straight off. I am using Chrome, but I have also tried Safari and Firefox. I am on OS 10.9.2. Thanks.

Hi Prashant,
Do your forms change so frequently that you need real-time access to the FOR ???
One of the major issues I see with that kind of setup is ensuring that the calling web service gets the correct version of the form.
Say you have form 123 456 (2010-01) Documaker version 1, revision 10, that has been published and 123 456 (2012-06) Documaker version 2.1, not published, and a work-in-process. Unless you build a complete parallel forms management system, chances are you would often get the wrong version of a form.
Distributing a form in a "work-in-process" state is never good, but try to imagine the panic if, by mistake, a future version of a form, drastically reducing the coverage, is leaked.
You could probably build the search features on a set of folders containing the PDF version of approved, published forms. That's the kind of setup we have in place.

Why won't Final Cut or Motion render my content properly?

About 2 months ago I got a new 2013 27" iMac with the upgraded i7 processor, 4GB of VRAM, and 32GB of RAM. I've recently come across a problem with rendering in Final Cut Pro X and Motion 5. In Final Cut when I play back a clip in the event browser or in the timeline before rendering, the clip looks fine. When it's done rendering, though the clip looks like the frames are jumbled and the clip is choppy and unusable. A similar thing happens in Motion 5. When I create a RAM preview, certain parts of the composotion that are moving look almost split, like a really dramatic rolling shutter effect on a bad camera. It also put on random shapes that vary from black and white stripes in a lower corner, or frames that are completely white, or green rectangles in the corners. These appear in any file I export from Motion, too.
I've tried deleting my Final Cut preferences, but the problem still persists.
I'm not sure if this is a problem with the software, if the graphics card is fried, or if there's a problem with my RAM.

I haven't heard of software problems causing those kind of symtoms.
Try running the Apple Diagnostics test (of the Apple Hardware Test) to see whether it reports something.
Russ

Rendering Div contents in a flash movie

I have a webpage containing 2 DIV containers hidden using CSS. The site has a Flash Movie embedded. I want to render the content of these hidden DIV containers from within the Flash movie.
I'm using CS4, is this possible? and how would i go about doing this?
Any help would be much appriciated. Thanks for your time,
Tony
HTML
<div id="sectionone">content</div>
<div id="sectiontwo">content</div>
CSS
hide sectionone div and sectiontwo div
FLASH
Display sectionone within flash movie when requested

I would look into the ExternalInterface class.
ExternalInterface allows you to communicate directly to javascript on the page. To make this work you would have the actionscript trigger a javascript function that then returns the requested div value.
Something like:
var div1String:String = ExternalInterface.call("getDiv1");
trace(div1);
|| In Javascript block on page ||
function getDiv1()
return document.getElementById("div1").innerHTML;

How to maintain format in html email using the send email....

Does anyone know how to maintain the format in a HTML email using the Send E-mail To Recipients From Recordset behavior?
When text only is selected instead of HTML text on the Options tab the format of the input is maintained, but when HTML text is selected the email has no format. I have tried to use a replace \n with
as I have done when hand coding PHP, BUT I am trying to learn to use ADDT. I also tried to use a Custom trigger without success.
Help!

Hi Dave,
in my snippets folder I have this thing which I found on the old MX Kollection forums and which was suggested by the Interakt staff:
//trigger SendEmail (write content)
function Trigger_SendEmail(&$tNG) {
ob_start();
include("myDynamicContentFile.php");
$mailcontent = ob_get_contents();
ob_end_clean();
$emailObj = new tNG_Email($tNG);
$emailObj->setTo("[email protected]");
$emailObj->setFrom("[email protected]");
$emailObj->setSubject("A new User was added");
$emailObj->setContent($mailcontent);
$emailObj->setEncoding("UTF-8");
$emailObj->setFormat("text");
$emailObj->setImportance("Low");
return $emailObj->Execute();
//trigger SendEmail (write content)
The only modification is the possibility to include a dynamic PHP file rather than some static text or a HTML file which will also render textarea contents on one line:
ob_start();
include("myDynamicContentFile.php");
$mailcontent = ob_get_contents();
ob_end_clean();
That said, it should be possible to define all the "rendering" options in the external PHP file, what would mean to apply the nl2br function there, e.g.: nl2br($row_queryname['columnname'])
What I´m not sue about is, if you will have to strip the external file´s head and body tags before it´s getting included -- however, please give this a try and tell us how it worked.
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

How to centre div contents?

I know this might seem like a very simple question but how can i get the contents/images of the div (#thumbs_vases) to sit central within the div whatever the screen size but at the same time, when the screen size gets small enough the images stack beneath each other still remaining in the center of the div? Currently they do stack beneath each other when screen reduces in size but they sit to the left.
http://www.milesmemorials.com/vases.html

1. Add text-align: center; to the container (in your case #thumbs_vases.)
2. Remove float from the elements inside and add display: inline-block; to them (in your case #thumbs_vases p.)
Kenneth Kawamoto
http://www.materiaprima.co.uk/

Why is image over flowing content div into footer div?

My content div is set at 975px wide padding 20px. I insert a image that is 700x525. Content div expands to fit image. As soon as I set the alignment on the image to left Content div shrinks, image overflowing into footer and text in footer is wrapped around image. If I set a height for the Content div larger than height of image all is well. My problem is images on different pages will all be different sizes.
Code:
<div id="content">
<h1><img src="Oral/OralCavity_Labeled.jpg" alt="Oral Cavity" width="700" height="525" align="left" />Content for id "content" Goes Here</h1>
</div>
<div id="footer">
<h5>Property of College of the Canyons Biology Department. All rights reserved. <a href="mailto:[email protected]">Contact Us</a>.</h5>
</div>
<h5> </h5>
</div>
</body>
Please help, can't proceed with website until this problem is solved.

Try this:
#content {
width: 975px;
background: #FFF;
padding: 20px;
overflow:hidden;
The magic of overflow hidden:
http://colinaarts.com/articles/the-magic-of-overflow-hidden/
PS. I'm glad I'm not squeamish.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to load content in div without re-loading page

Im looking for a way to keep all my static content loaded but
only load new content in my center div when a user clicks on a
link. Is there a way to do this that is friendly on all browsers?
Please help I value any help!!

I would suggest that you remove the mp3s from playing but if
you must have
it....
...I've written some script in Flash that uses sharedObjects
(kind of like
cookies) to read and see if the object exists. If it does, it
goes to a
different frame. If not, then it goes to another.
The script(actionscript 2) is as follows. Put it on frame 1
of your
timeline:
stop();
var my_so:SharedObject = SharedObject.getLocal("seenThis");
if (my_so.data.name == "seen it") {
//been here before.
//here is where you go if you have already seen it,
//make sure there is no music playing on frame 25
gotoAndStop(25); } else {
//first visit
gotoAndPlay(26);
my_so.data.name = "seen it";
my_so.flush(1000);
Now, there are some considerations in using shared objects
...Sometimes your
SWF files may not be allowed to write local shared objects,
and sometimes
the data stored in local shared objects can be deleted
without your
knowledge. Flash Player users can manage the disk space that
is available to
individual domains or to all domains. When users lower the
amount of disk
space available, some local shared objects may be deleted.
Flash Player
users also have privacy controls that can prevent third-party
domains
(domains other than the domain in the current browser address
bar) from
reading or writing local shared objects. But, in something
like this seen it
example.no real harm if the object gets deleted.
Dan Smith > adobe community expert
Flash Helps >
http://www.smithmediafusion.com/blog/?cat=11
http://www.dsmith.tv

Render textarea content charachters in a div

Similar Messages

Maybe you are looking for