HTML in TextArea
Is it possible to display HTML text in textarea or some other control. I do not want to use the swing class for that. Is it possible. please guide me.
TRY IT and RTFM
TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM TRY IT and RTFM
Similar Messages
-
Possible to parse HTML in TextArea?
Hi All,
I'd like to know whether it is possible to display HTML code in textarea when we use webui page. We have a table column with HTML code in it(something like <font style="...">, <span style="background:xxxx">, <a href=""> and so on), and we want to parse them as normal html page does in our overview page. I tried to define the attribute node as textarea in the GET_P method but it displays all HTML source code without any conversion, that's not I want. As I'm new to WEBUI, it's really tough for me. But, as the saying said, Nothing is impossible, so I'm sure it has solutions. Could you please help me figure out?
Thank you very much!
Jefffirst of all you need to get the remote resource ( html file) as an input stream
URL url = new URL("http://forums.sun.com");
HttpURLConnection con = (HttpURLConnection) url.openConnection();
// get the InputStream = con.getInputStream()
second find a parser to parse the inputStream and give you call back with the startElement, endElement, etc..
implement you interest in what call back method you want. Just search for an html parser and there will be an example associated to it
Regards,
Alan Mehio
London,UK -
HTML input textarea causes problems
Hi,
I have a textarea on my form where the user will have the opportunity to enter a paragraph of text, where he can use HTML tags and whatever. But as soon as I enter html tags into this area, the formfileds coming after this textarea cannot sent their parameters to the next procedure. No html tags, everything works fine.
Any idea?Hi Nilay,
I don't think the textarea has anything to do with your problem. I just tried out and it works fine for me (at least with the italic and strong tags). Could you provide some more information on your case? (HTML source, the way you process the parameters, etc.)
Peter -
Dbservlet and html in textarea
Hi,
I have followin problem with a dbservlet, in a db field I store html code (which is populated via a cgi script). When I create a dbservlet to manage this field, the html is perfectly displayed in browse mode, but when I edit the html (in a TextArea) some of the html is translated (e.g. some cahracter such as < > etc. becomes the equivalent &xxx
code). The same info (so the &xxx code) is stored in the DB and the html code becomes corrupted !
HOW CAN THIS BE PREVENTED?
Any help would be very much appreciated.
P.S.: The problem I got in the past with JDEV 2.0 (running 2 dbservlet's under apache) is solved with JDEV 3.0.
Kind regards,
Stefaan
nullThis is a common problem , the only way to get around it is to un-escape the characters when your update is submitted. Netscape also has some problems in trying to display HTML characters inside of a textarea, it doesn't render them properly.
-
HTML Textarea removing Carriage Returns
Hi,
Hoping someone can assist, I am retrieving some data from a table that currently consists of carriage returns but when I try and retrieve this information via Ajax and pass it back into the HTML page textarea field within ApEx, the value returned is one continuous string.
All my carriage returns are removed.
Can someone please assist, possibly using a javascript solution or some other type as to how I can preserve the carriage returns.
Thanks.
Tony.Hi Tony,
I suspect the problem is simply due to the way HTML handles line breaks, which is to say, it generally ignores them. For example, this html:
<p>To be or not to be, that is the question;
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune,
Or to take arms against a sea of troubles,
And by opposing, end them. To die, to sleep;
No more; </p>would be displayed in a browser as:
To be or not to be, that is the question; Whether 'tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles, And by opposing, end them. To die, to sleep; No more;
One way to get around this is to wrap the string in {font:Courier}<pre></pre>{font} tags; another would be to replace the carriage returns with {font:Courier}<br>{font}
Hope this helps.
tx, --Jen -
How can an applet retrieve the values of a HTML form shown in a JEditorPane
Hi,
I'm doing an applet that contains a JTree and a JEditorPane
among other components. Each node of the JTree represents some
information that is stored in a database, and whenever a JTree
node is selected, this information is recovered and shown in
the JEditorPane with a html form. To make the html form,
the applet calls a servlet, which retrieves the information of
the node selected from the database. This information is stored
like a XML string, and using XSLT, the servlet sends the html
form to the applet, which shows it in the JEditorPane.
My problem is that I don't know how I can recover new values
that a user of the application can introduce in the input fields
of the html form. I need to recover this new values and send them
to another servlet which store the information in the database.
If someone could help me I'd be very pleased.
EduardoAt least I found a fantastic example. Here it is:
import java.awt.*;
import java.awt.event.*;
import java.util.*;
import java.net.*;
import javax.swing.*;
import javax.swing.text.*;
import javax.swing.text.html.*;
public class FormSubmission extends JApplet {
private final static String FORM_TEXT = "<html><head></head><body><h1>Formulario</h1>"
+ "<form action=\"\" method=\"get\"><table><tr><td>Nombre:</td>"
+ "<td><input name=\"Nombre\" type=\"text\" value=\"James T.\"></td>"
+ "</tr><tr><td>Apellido:</td>"
+ "<td><input name=\"Apellido\" type=\"text\" value=\"Kirk\"></td>"
+ "</tr><tr><td>Cargo:</td>"
+ "<td><select name=\"Cargo\"><option>Captain<option>Comandante<option>General</select></td>"
+ "</tr><td colspan=\"2\" align=\"center\"><input type=\"submit\" value=\"Enviar\"></td>"
+ "</tr></table></form></body></html>";
protected HashMap radioGroups = new HashMap();
private Vector v = new Vector();
public FormSubmission() {
getContentPane().setLayout(new BorderLayout());
JEditorPane editorPane = new JEditorPane();
editorPane.setEditable(false);
editorPane.setEditorKit(new HTMLEditorKit()
public ViewFactory getViewFactory() {
return new HTMLEditorKit.HTMLFactory() {
public View create(Element elem) {
Object o = elem.getAttributes().getAttribute(javax.swing.text.StyleConstants.NameAttribute);
if (o instanceof HTML.Tag)
HTML.Tag kind = (HTML.Tag) o;
if (kind == HTML.Tag.INPUT || kind == HTML.Tag.SELECT || kind == HTML.Tag.TEXTAREA)
return new FormView(elem)
protected void submitData(String data)
showData(data);
protected void imageSubmit(String data)
showData(data);
// Workaround f�r Bug #4529702
protected Component createComponent()
if (getElement().getName().equals("input") &&
getElement().getAttributes().getAttribute(HTML.Attribute.TYPE).equals("radio"))
String name = (String) getElement().getAttributes().getAttribute(HTML.Attribute.NAME);
if (radioGroups.get(name) == null)
radioGroups.put(name, new ButtonGroup());
((JToggleButton.ToggleButtonModel) getElement().getAttributes().getAttribute(StyleConstants.ModelAttribute)).setGroup((ButtonGroup) radioGroups.get(name));
JComponent comp = (JComponent) super.createComponent();
// Peque�a mejora visual
comp.setOpaque(false);
return comp;
return super.create(elem);
//editorPane.setText(FORM_TEXT);
editorPane.setText(texto);
getContentPane().add(new JScrollPane(editorPane), BorderLayout.CENTER);
private void showData(String data) {
// ergebnis significa resultado
StringBuffer ergebnis = new StringBuffer("");
StringTokenizer st = new StringTokenizer(data, "&");
while (st.hasMoreTokens()) {
String token = st.nextToken();
String key = URLDecoder.decode(token.substring(0, token.indexOf("=")));
String value = URLDecoder.decode(token.substring(token.indexOf("=")+1,token.length()));
v.add(value);
ergebnis.append(" "); ergebnis.append(key); ergebnis.append(": "); ergebnis.append(value); ergebnis.append(" ");
ergebnis.append(" ");
JOptionPane.showMessageDialog(this, ergebnis.toString());
public static void main(String[] args) throws Exception {
JFrame frame = new JFrame ();
FormSubmission editor = new FormSubmission ();
frame.getContentPane().add(editor);
frame.pack();
frame.show();
} -
Problems creating a sticky footer
Hi,
I'm trying to create a website in Dreamweaver using a template that I purchased but I am having problems fixing a footer to the bottom of the page,
At the moment the content footer that I have created (which is a table) changes positon from page to page depending on the content.
The template comes with 2 x CSS style sheets and 1 x JS coded page which I know I need to amend in order for the footer to remain fixed to the bottom of each page.
The trouble is my CSS and JS are not up to much. I have inserted the code from the HTML, CSS & JS below.
If anyone can help me out it would be fantastic as I'm really at a loss!
The HTML of my main webpage is as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0023)http://www.contoso.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body id="page1" onload="new ElementMaxHeight(); ;MM_preloadImages('images/facebook2.gif','images/linkedin2.gif','images/twitter2.gif')">
<div id="header">
<div class="main">
<div class="flash">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="980" height="137">
<param name="movie" value="flash/menu_v8.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/menu_v8.swf" width="980" height="137">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" id="Image2" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div class="flash1">
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="587" height="389">
<param name="movie" value="flash/header_v8.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/header_v8.swf" width="587" height="389">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" id="Image3" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div class="indent1">
<div class="container1">
<p>Welcome to ACL International.<br />
Through our offices in the UK and Portugal we supply the<br />
very latest in energy saving technologies with our main<br />
focus being on lighting. ACL have been active in the lighting<br />
industry for over 10 years and have built up strong relationships with some of the world's leading lighting manufacturers.</p>
<p> </p>
<p>Welcome to ACL International.<br />
Through our offices in the UK and Portugal we supply the<br />
very latest in energy saving technologies with our main<br />
focus being on lighting. ACL have been active in the lighting<br />
industry for over 10 years and have built up strong relationships with some of the world's leading lighting manufacturers.</p>
</div>
</div>
</div>
</div>
<div id="content">
<div class="main">
<div class="indent-main">
<div class="container bg">
<div class="container bg1">
<div class="container bg2">
<div class="col-1 bg-1">
<div class="indent-col">
<img alt="" src="images/1page_title1.gif" class="title" /><br />
<p>An easy and affordable<br />
way to change existing<br />
lighting to an energy<br />
saving alternative...</p>
<div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
</div>
</div>
<div class="col-1 bg-2">
<div class="indent-col">
<img alt="" src="images/1page_title2.gif" class="title" /><br />
<p>A more natural,<br />
environmentally<br />
friendly light<br />
source... </p>
<div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
</div>
</div>
<div class="col-1 bg-3">
<div class="indent-col">
<img alt="" src="images/1page_title3.gif" class="title" /><br />
<p>Up to 80% energy <br />
saving with an<br />
extremely long<br />
lifetime... </p>
<div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
</div>
</div>
<div class="col-1 bg-4">
<div class="indent-col">
<img alt="" src="images/1page_title4.gif" class="title" /><br />
<p>Low glare,<br />
creating a more<br />
comfortable<br />
environment... </p>
<div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="main">
<div class="indent-footer">
<table width="929" border="0">
<tr>
<td width="869">ACLI © 2012 <a href="index-5.html">Privacy Policy</a></td>
<td><img src="images/followus.gif" alt="" width="73" height="20" /></td>
<td width="20"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','images/facebook2.gif',1)"><img src="images/facebook.gif" width="20" height="20" border="0" id="facebook" /></a></td>
<td width="20"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('linkedin','','images/linkedin2.gif',1)"><img src="images/linkedin.gif" width="25" height="20" border="0" id="linkedin" /></a></td>
<td width="20"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('twitter','','images/twitter2.gif',1)"><img src="images/twitter.gif" width="27" height="20" border="0" id="twitter" /></a></td>
</tr>
</table>
</div>
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>
The CSS of the layout is as follows:
.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:929px; }
/*======= header =======*/
#header {height:339px; background:url(images/bg.jpg) }
#page1 #header {height:526px;}
/*======= index.html =======*/
#page1 #content .col-1{ width:231px; margin-right:1px}
#page1 #content .bg{ background:url(images/tail.gif) repeat-y 231px top }
#page1 #content .bg1{ background:url(images/tail.gif) repeat-y 463px top }
#page1 #content .bg2{ background:url(images/tail.gif) repeat-y 695px top }
/*======= index-1.html =======*/
#page2 #content .col-1{ width:339px; margin-right:0}
#page2 #content .col-2{ width:590px}
#page2 #content .col-3{ width:154px; margin-right:32px}
#page2 #content .col-4{ width:158px; margin-right:30px}
#page2 #content .col-5{ width:155px; margin-right:0}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:590px; margin-right:0}
#page3 #content .col-2{ width:339px}
#page3 #content .col-3{ width:188px; margin-right:0}
#page3 #content .col-4{ width:155px; margin-right:0}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:339px; margin-right:0}
#page4 #content .col-2{ width:590px}
#page4 #content .col-3{ width:95px; margin-right:2px; text-align:right; line-height:1em; padding-top:3px}
#page4 #content .col-4{ width:188px; margin-right:0}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:590px; margin-right:0}
#page5 #content .col-2{ width:339px}
#page5 #content .col-3{ width:95px; margin-right:2px; text-align:right; line-height:1em; padding-top:3px}
#page5 #content .col-4{ width:188px; margin-right:0}
/*======= footer =======*/
#footer { height:110px; }
The CSS of the style is as follows:
/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em;}
html, input, textarea {
font-family: "Century Gothic";
color:#646464;
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container { overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top; }
a{color:#000000; text-decoration:underline; outline:none}
a:hover{text-decoration:none}
.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em }
.link:hover{text-decoration:underline }
.button{color:#fff; font-size:.916em; line-height:20px ; padding:2px 8px 8px 6px; text-decoration:none; }
.button:hover{color:#000; background:url(images/button.gif) top left no-repeat; padding:2px 8px 8px 6px; text-decoration:none; line-height:20px ; }
.current{color:#000; background:url(images/button.gif) top left no-repeat; padding:2px 8px 8px 6px; text-decoration:none; line-height:20px ; }
ul{margin:0; padding:0; list-style:none;}
ul li a{color:#646464; text-decoration: underline; line-height:1.66em}
ul li a:hover { text-decoration:none; }
.ul1 li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; }
.ul1 li a{color:#646464; text-decoration:none ; line-height:1.5em}
.ul1 li a:hover { text-decoration:underline; }
.ul li{background:url(images/tail-1.gif) repeat-x bottom; margin:0; padding-left:0; }
.ul li span{color:#646464; float:right; background:url(images/tail-2.gif) repeat-x bottom;}
.ul li a{color:#646464; text-decoration: underline; line-height:1.66em; background:url(images/tail-2.gif) repeat-x bottom;}
.ul li a:hover { text-decoration:none; }
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 5px 3px 7px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#627311}
.link-2 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-2 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 15px 3px 17px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#627311}
/*header*/
#header {font-size:0.75em; color:#646464 }
#header .logo{ margin:19px 0 9px 0 }
#header .indent{margin:30px 0 0 755px; position:absolute; width:175px; color:#625a49}
#page1 #header .indent1{padding:40px 0 0 565px}
#header .indent1{padding:22px 0 0 0px}
#header .indent2{padding:11px 0 0 397px}
#header .img-left{ float:left; margin:0 31px 0 0}
#header .img-indent{ margin:0 24px 0 0}
#header .img-indent1{ margin:0 23px 0 0;}
#header .title{ margin-bottom:11px}
#header a{ color:#625a49; text-decoration:none}
#header a:hover{text-decoration: underline}
.flash{ margin:0 -27px 0 -25px; position:relative}
.flash1{ margin:0 0 0 -25px; position: absolute}
#page1 .bg-1{
background-image: url(images/1page_img1.jpg);
background-repeat: no-repeat;
background-position: right bottom;
#page1 .bg-2{ background:url(images/1page_img2.jpg) no-repeat bottom right}
#page1 .bg-3{ background:url(images/1page_img3.jpg) no-repeat bottom right}
#page1 .bg-4{ background:url(images/1page_img4.jpg) no-repeat bottom right}
.bg-5{ background:url(images/bg-1.gif) repeat-x top #e5e5e5; width:100%}
.bg-6{ background:url(images/bg-2.gif) repeat-x top #fff; width:100%}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg_cont.gif) repeat-x top #fff}
#content .indent-main{padding:11px 0 0 0}
#content .indent-main1{padding:3px 0 0 0}
#content .indent-col{padding:14px 0 28px 20px}
#content .indent-col1{padding:32px 14px 24px 15px}
#content .indent-col2{padding:32px 28px 0 28px}
#content .title{ margin-bottom:8px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-right{ float:right; margin:0 0 0 10px}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px; }
#content .tail{ background:url(images/tail2.gif) repeat-x bottom; padding-bottom:26px; margin-bottom:21px}
.txt{ color:#8e9c2e; font-weight:normal}
.txt a{ color:#8e9c2e; }
#content .indent{padding:15px 0 0 0}
/*box*/
.box{ background:#fcfcfc; width:100%;}
.box .indent-box{ padding:11px 18px 11px 20px; }
.box .indent-box1{ padding:11px 10px 11px 10px; }
/*footer*/
#footer { color:#5a5a5a; text-transform:uppercase; font-size:0.6875em ; }
#footer .indent-footer{ padding:37px 0 0 0; background:url(images/bot.gif) repeat-x top;}
#footer a {color:#5a5a5a; text-decoration:underline}
#footer a:hover { text-decoration:none}
.jamp{ width:69px;}
.jamp1{ width:64px;}
.jamp2{ width:58px;}
.jamp3{ width:52px;}
select{font-size:12px; color:#646464; height:19px; font-family: Arial, Helvetica, sans-serif;}
.indent-2{ position:relative; padding-right:20px; float:left}
.h{ height:29px}
.block-contact span{ float:right; margin-right:50px}
input{
width:183px; height:17px;
font-size:1em;
color:#646464;
padding-left:5px;
textarea{
width:183px; height:57px;
font-size:1em;
color:#646464;
padding-left:5px;
margin-bottom:11px;
overflow:auto}
.textarea{
width:183px; height:142px;
font-size:1em;
color:#646464;
padding-left:5px;
margin-bottom:11px;
overflow:auto}
The JS page is as follows:
var ElementMaxHeight = function() {
this.initialize.apply(this, arguments);
ElementMaxHeight.prototype = {
initialize: function(className) {
this.elements = document.getElementsByClassName(className || 'maxheight');
this.textElement = document.createElement('span');
this.textElement.appendChild(document.createTextNode('A'));
this.textElement.style.display = 'block';
this.textElement.style.position = 'absolute';
this.textElement.style.fontSize = '1em';
this.textElement.style.top = '-1000px';
this.textElement.style.left = '-1000px';
document.body.appendChild(this.textElement);
this.textElementHeight = document.getDimensions(this.textElement).height;
var __object = this;
var __checkFontSize = this.checkFontSize;
this.checkFontSizeInterval = window.setInterval(function() {return __checkFontSize.apply(__object)}, 500);
this.expand();
// Refresh elements height onResize event
var __expand = this.expand;
if (window.addEventListener) {
window.addEventListener('resize', function(event) {return __expand.apply(__object, [( event || window.event)])}, false);
} else if (window.attachEvent) {
window.attachEvent('onresize', function(event) {return __expand.apply(__object, [( event || window.event)])});
expand: function() {
this.reset();
for (var i = 0; i < this.elements.length; i++) {
this.elements[i].style.height = document.getDimensions(this.elements[i].parentNode).height + 'px';
reset: function() {
for (var i = 0; i < this.elements.length; i++) {
this.elements[i].style.height = 'auto';
checkFontSize: function() {
var height = document.getDimensions(this.textElement).height;
if(this.textElementHeight != height) {
this.textElementHeight = height;
this.expand();
if (!!document.evaluate) {
document._getElementsByXPath = function(expression, parentElement) {
var results = [];
var query = document.evaluate(expression, parentElement || document,
null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0, length = query.snapshotLength; i < length; i++)
results.push(query.snapshotItem(i));
return results;
document.getElementsByClassName = function(className, parentElement) {
if (!!document.evaluate) {
var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";
return document._getElementsByXPath(q, parentElement);
} else {
var children = (parentElement || document.body).getElementsByTagName('*');
var elements = [], child;
for (var i = 0, length = children.length; i < length; i++) {
child = children[i];
if (child.className.length != 0 &&
(child.className == className ||
child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))) {
elements.push(child);
return elements;
document.getDimensions = function (element) {
var display = element.style.display;
if (display != 'none' && display != null) { // Safari bug
return {width: element.offsetWidth, height: element.offsetHeight};
return {width: originalWidth, height: originalHeight};A sticky footer is position:fixed and therefor always visible in the bottom of browser viewports -- even when users scroll up or down the page.
Sticky Footer Demo:
http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
I believe what you're trying to achieve is 100% height on long & short pages. Try this:
<!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=iso-8859-1" />
<title>100% height page layout</title>
<style type="text/css">
/**==========================
100% height layout
===========================*/
html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background:gray;
font-family:arial,sans-serif;
font-size:small;
color:#666;
zoom: 1;
#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:1000px;
background:#FF9999;
height:auto !important; /* real browsers */
height:100%; /* IE6: treated as min-height*/
min-height:100%; /* real browsers */
#header {
padding:1em;
background:#ddd;
min-height: 95px;
border-bottom:6px double gray;
#content {
padding:1em 1em 5em; /* bottom padding for footer */
#footer {
position:absolute;
width:100%;
bottom:0; /* stick to bottom */
background:#ddd;
min-height: 95px;
border-top:6px double gray;
#footer p {padding:1em}
</style>
</head>
<body>
<div id="container">
<div id="header">
<p>here is the header</p>
</div>
<div id="content">
<p>Here is the content</p>
</div>
<div id="footer">
<p>Here is the footer</p>
</div>
<!--end container --></div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Literal too long when 4000 chars
I get an error that literal too long when trying to insert a record to a clob or varchar2 field when the string is over 4000 chars.
How to resolve this problem. I'd like to be able to treat this insert the same as all other inserts rather than make a special case out of it so no special processing would be needed.
The application reads from an html form textarea and inserts the value of the text area along with the other fields of the form to a database.Hi,
The maximum length of VARCHAR2 data is 4000 bytes.
You can't store more than 4000 bytes in varchar2 column.
CLOB can store upto 4GB of data.
You can check the LOB Datatype sample for details on how to insert data into CLOB.
The sample is located at
[url http://otn.oracle.com/sample_code/tech/java/sqlj_jdbc/files/advanced/LOBSample/LOBSample.java.html] LOB Datatype source
Check the loadSamples method which shows how to insert data into CLOB using empty_clob() method.
Hope this helps.
For furthur clarifications please post your question at
[url http://forums.oracle.com/forums/forum.jsp?forum=75]SQL and PL/SQL Forum
Regards,
Anupama
[url http://otn.oracle.com/sample_code/content.html]OTN Sample Code[url ] -
Using rich text editor (RTE) for custom applications
Our users enter texts on two places:
1) In Oracle Portal in text-items using the Rich Text Editor.
2) In text-fields in a custom application using html-tags <textarea>blabla</textarea>. For formatting the users currently have to type in html-tags themselves. Now we want to provide them an html-editor.
We would prefer to use the Rich Text Editor also for the custom application. However, that is integrated in Portal and the java-scripts are not easy to follow.
Have you tried something similar? So, did you use the Rich Text Editor for your own application? If yes, how?
If not, a very good alternative would be the qwebeditor (see http://www.qwebeditor.com). Did anybody replace the standard Portal rich text editor with the qwebeditor? In the Portal guides there are instructions about replacing the Portal rich text editor by another editor, but it is not clear if this will also work with the qwebeditor.
Thanks for your respons !
Best regards, Jan Willem VermeerHi Jan,
I have configured FCKeditor in a few clients, and the process it's pretty straight forward, you can use the steps in the document (http://www.oracle.com/technology/products/ias/portal/pdf/cm_rte_1014_features.pdf) .
Basically you download FCKeditor and put it in your apache server (you can put it unde rthe htdocs folder) after that, all you need to do is modify $ORACLE_HOME/portal/images/webword/buildUIHTML.html to reference the FCKeditor JS and CSS, and you can do the same type of reference for your custom apps.
Regards,
Juan -
Dynamic JNLP causes exception on 1st run after java install
I have a dynamic JNLP file (php) which runs my software. It works just fine, except for the 1st time it is run after a user has installed Java.
I get the exception; "The following field was missing from the jnlp file: <jnlp>". When I look at the jnlp code in JWS in the "Launch File" tab of the error message, I see that the JNLP is not there - but the page the user would see if he was not logged into the system (as if JWS has cached the file or something).
If I close it down, press F5 to refresh, and run it again everything works fine.
I'm running the dyanmic.jnlp?dummy=randomnumber943934 to prevent caching. In addition, these headers are sent: (php code)
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
// HTTP/1.1
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
// HTTP/1.0
header("Pragma: no-cache");.. so nothing should be cached. But I'm not sure that's where the problem is - cause it only happens the first time after a java install.
Any clues?I think you're dynamicallt created jnlp is invalid in someway; I can use the following without any problems:
<?php
header("Content-type: application/x-java-jnlp-file");
echo "<?xml version=\"1.0\" ?>\n";
$codebase = trim(stripslashes(urldecode($_REQUEST["codebase"])));
$href = trim(stripslashes(urldecode($_REQUEST["href"])));
echo "<jnlp spec=\"1.0+\" codebase=\"$codebase\" href=\"$href\">\n";
?>
</jnlp>
you should try and test the output of your generated code, something like this should work:
test.php
<html>
<body>
<textarea rows=20 cols=70>
<?php
include 'mydynamicscript.php';
?>
</textarea>
</body>
</html>
The first time a jnlp is called it is downloaded into the browser cache and javaws.exe is executed on it from that location, this in turn downloads the jnlp again from the passed codebase & href attributes into the jws cache. Subsequent calls the jnlp are extracted from the copy in the webstart cache, and often downloaded from the codebase & href attributes when it detects possible changes. In your case these jnlp files seem to differ.
- Richard -
How do I change the compatibility view so that my words are not running off the page?
I do data entry and in the system I am working on the words are running off the page. In internet explorer there is a little broken page on the tool bar that lets you change the compatibility and I am not finding anything like that with firefox. Please advise how I can change the setting so that the words will wrap correctly.
As far as I know, Firefox doesn't have a similar compatibility feature.
I assume this system is not accessible to forum volunteers, so I'm going to ask you to do a little sleuthing. I assume you are entering text in a multi-line textbox (an HTML <textarea> control). Could you do the following:
* Have your text entry form open in one tab, and a reply to this thread in another tab.
* Right-click in the control that doesn't wrap and choose Inspect Element. A small pane should open with part of the HTML highlighted in blue.
* Right-click the highlighted <textarea> tag and choose Copy Outer HTML.
* In your reply tab, paste the HTML, and remove the leading < character to avoid messing up your post. This will show any legacy settings on the tag that might be affecting how it wraps.
Here's an example using this very box:
textarea style="width: 567px; height: 616px;" rows="10" name="content" required="required" placeholder="Enter your reply here." cols="40" id="id_content"></textarea>
If it's not a textarea, then that would be useful to know as well.
* Back in your form, you may or may not have a pane to the right that shows various style rules. If not, click the Style button at the lower right to open it. Look for any rules with the '''white-space''' property (the properties normally appear in colored text). If you find one, right-click and choose Copy declaration line. Switch back to this tab and paste the rule.
With that information, hopefully we can find a workaround. -
hi all ! I have this problem I need to save a string like this
DATE NAME
NOTE
NOTE 2
The thing is that i have to keep this format, save it in a DB and save it.
This is how I have it now. But I cant make it work. I know how ot would be in C but not in java.
String nota1=(fecha+" "+fisio+" "
salida"" +
+"--------------------------" +
""+
""+entrada);
Thanks!Then the first method I used should be close, though i missed it a little:
String newLine = System.getProperty("line.separator");
String nota1= fecha+" "+fisio+newLine+newLine+salida
+newLine+newLine+"--------------------------" +newLine+newLine+entrada;An example I wrote up was like this:
<html>
<body>
<%
String fecha="Date"; String fisio="Name";
String salida="Note1"; String entrada="Note2";
String newLine = System.getProperty("line.separator");
String nota1= fecha+" "+fisio+newLine+newLine+salida
+newLine+newLine+"--------------------------" +newLine+newLine+entrada;
%>
<textarea cols="76" rows="8"><%=nota1%></textarea>
</body>
</html>The HTML output was like this:
<html>
<body>
<textarea cols="76" rows="8">Date Name
Note1
Note2</textarea>
</body>
</html> -
Problem with HTML in a read only textarea item
I'm working on a messaging system for our site. For the body of the message, we use a standard textarea item. However, if we come to the messaging page from a certain page in our system, then we pre-load the textarea item, and make it read only. The only problem with this is that there are HTML tags in the body that we try to pre-load. This is causing problems because they aren't being interpreted as tags, but are being displayed as text. If I make the textarea editable, then everything looks fine, it's just when I set the area to be read only that it doesn't work. Any thoughts on how to fix this? Thanks!
Not always. A user is allowed to edit that area in most circumstances except for when the user arrives at the page coming from 1 page in particular. In this case, then the field is read-only. At all other times though, it is editable.
As a workaround, whenever I know I'm coming from this page, I set a variable, and if the variable is set, then I use a Display Only item and then hide the Textarea. If the variable is not set, then I hide my Display Only item and show the Textarea. Not very elegant, but it works. -
Textarea with HTML editor is not working
Hi all,
This is producing me a real headache.
I created the simplest application in the world with one Textarea with HTML editor, and the editor control does not show the usual tool bar for fonts, color, alignment, etc. Just a ordinary textarea.
Moreover, this was working before... I moved to another location in my work (me, not the server). Yes, I thought about the Internet Explorer, but Firefox has the same issue.
So any idea I can try to make this work?
I have another applications already in production with the same issue.
Need help!!!!!!!!!
Thanks in advance.
Lukas.
Application Express 2.1.0.00.39
Oracle Database 10g Express Edition Release 10.2.0.1.0
Internet Explorer 7.0.5730.11
Firefox 1.5.0.11
Windows XP Service Pack 2
1 G Ram
Pentium D CPU 2.80GHzLukas,
I would go and integrate FCKEDITOR (http://www.fckeditor.net/ ) into your application.
Here are instructions on how to achieve this (sorry but only in German):
http://www.oracle.com/global/de/community/tipps/einbinden_fckeditor/index.html
It basically means:
1) copying the files from fckeditor under the /images directory
(you can use the instructions here: http://daust.blogspot.com/2006/03/where-are-images-of-application.html)
2) creating two shortcuts INCLUDE_EDITOR_SCRIPTS and EDITOR
3) placing the shortcut INCLUDE_EDITOR_SCRIPTS into the page html header and
4) placing the shortcut EDITOR into the post element text of your plain textarea element
That's it.
BTW, FCKEDITOR has been included in Apex 3.0 as a standard item type.
Regards,
~Dietmar. -
To display value in html: textarea in struts
Hello,
I want to display value in <html:textarea> in struts application from my userdefine FormBean.
i tried like this
<html:textarea property="documentNumberList" value='"<bean:write name="QualityForm" property="displayDocumentNumber">" ></html:textarea>
I am not getting success.
I would be appriciate to you if anyone could let me know what is the solution of this problem ? or send me one example.
Thanks
Rajnish
[email protected]Hi,
That did'nt solve my problem. Actually i am trying to get the arraylist data one by one into different textareas. There are two arrays one is quesArray and the other quesIdArray. I need the quesIdArray in the individual text areas.How can i achieve this?
I am using the following code to do that.
<logic:iterate id="item" name="selectionCriteriaForm" indexId="index" property="quesArray">
<tr><td><li><em><b><bean:write name="item"/> </em></li></b></td>
<td><html:textarea property="quesIdArray" cols="50" rows="2" name="selectionCriteriaForm" onkeyup="limitTextarea(answer<%=i %>,5,50)" />
<br></td></tr>
<% i=i+1;
%></td></tr>
</logic:iterate>
Pls help me on this.
Thanx in advance.
Maybe you are looking for
-
Please I am doing my final year project on secure mobile application using Java Card Technology. I need to write and an application that can send SMS on a SIM card to another SIM card with the same application. The application will have a server side
-
Replace ieee80211 with kernel26?
Hi all It has been a while since I last did an Pacman -Syu and was surprised to see this message :: Synchronizing package databases... current [################] 100% 47K 23.0K/s 00:00:02 extra [################] 100% 227K 82.2K/s 00:00:02 :: Replace
-
Having some problems getting my movie clip to tween..
Hey guys im animating this banner right now I'm going to have the van come from the far road and come up the closer hill.. I took the van made a movie-clip of it clicked into the movie clip added the rest of the layers to the van like the wheels. The
-
Is Forms Central a "Cloud"-based service?
I am a sole proprietor. I'm considering using Forms Central to create and upload to my website the intake documents for new clients to fill out prior to intake appointment. In order to receive their completed forms, will I need to subscribe to this
-
Does anyone know if database caching can work with a remote database via a link. My app server is going to work with an 8i database. Our dba is going to do a dblink to an 8.0.5 database. I want to cache data from the 8.0.5 database to the appserver.