473,396 Members | 1,916 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > javascript > questions > button in texteditor

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Button in texteditor

Hello,

I am creating a toolbar for an richtext editor. I already managed to
make the images act as buttons (hovering,...) But now I want to be able
to keep a button selected (down) when clicking on it.
An example: when a user clicks the "Bold" button, this button must
appear to be selected until the user again clicks on it. Like you have
in all regular texteditors like M$ Word.

The code:

<HTML>
<HEAD>
<style type="text/css">
.IsButton
{width:22;height:22;margin:0;padding:0;border-width:1px;border-color:#D0E4FC;border-style:solid;}
</style>
<script language="JavaScript">
function mouse_out() {
var src=event.srcElement;
if(src.className=="IsButton") {
window.status="";
src.style.backgroundColor = "#D0E4FC";
src.style.borderTop = "#D0E4FC solid 1px";
src.style.borderRight = "#D0E4FC solid 1px";
src.style.borderLeft = "#D0E4FC solid 1px";
src.style.borderBottom = "#D0E4FC solid 1px";
}
}

function mouse_over() {
var src=event.srcElement;
if(src.className=="IsButton") {
window.status=src.alt;
src.style.backgroundColor = "#D0E4FC";
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
src.style.borderRight = "buttonshadow solid 1px";
src.style.borderTop = "buttonhighlight solid 1px";
}
}

function mouse_down() {
var src=event.srcElement;
if(src.className=="IsButton") {
src.style.backgroundColor = "#D0E4FC";
src.style.borderTop = "buttonshadow solid 1px";
src.style.borderRight = "buttonhighlight solid 1px";
src.style.borderLeft = "buttonshadow solid 1px";
src.style.borderBottom = "buttonhighlight solid 1px";
}
}

function mouse_up() {
var src=event.srcElement;
if(src.className=="IsButton") {
src.style.backgroundColor = "#D0E4FC";
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
src.style.borderRight = "buttonshadow solid 1px";
src.style.borderTop = "buttonhighlight solid 1px";
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE height="22" cellpadding="0" cellspacing="0" border="0">
<tr valign="middle" width="100%" height="22">
<td height="22" bgcolor="#D0E4FC"
ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;">
<span name="toolbar" onmouseover="mouse_over();"
onmousedown="mouse_down();" onmouseup="mouse_up();"
onmouseout="mouse_out();" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;">
<img alt="Bold" class="IsButton" src="images/bold.gif">
<img alt="Italic" class="IsButton" src="images/italic.gif">
</span>
</td>
</tr>
</TABLE>
</BODY>
</HTML>

Jul 23 '05 #1
10 1439
IkBenHet <ik********@hotmail.com> wrote in message news:11**********************@g14g2000cwa.googlegr oups.com...
Hello,

I am creating a toolbar for an richtext editor. I already managed to
make the images act as buttons (hovering,...) But now I want to be able
to keep a button selected (down) when clicking on it.
An example: when a user clicks the "Bold" button, this button must
appear to be selected until the user again clicks on it. Like you have
in all regular texteditors like M$ Word.


One way is to maintain a table of source elements representing buttons that have been locked, and have a function to
scan it.

var buttonLocks=[];

function isLocked( elem, table )
{
for(var i=0; i<table.length && elem!=table[i]; i++)
;

return i==table.length ? -1 : i;
}

Use the mouse_down function to set/remove locked elements thus:

function mouse_down()
{
var src=event.srcElement, index;

if( (index=isLocked(src, buttonLocks)) == -1 )
buttonLocks[buttonLocks.length]=src; // add element to table
else
buttonLocks.splice(index, 1); // remove from table

if(src.className=="IsButton")
{
......

In the other css functions:

if( isLocked(src, buttonLocks) == -1 ) // only change style if not locked
if(src.className=="IsButton")
{
.....

BTW Mozilla doesn't seem to respond to the mouse events of your spans inside table elements so you'll need to find a way
around that, unless it's an intranet job.
Another snag is that I.E. 5.0 forgot about the .splice method, so again if it's an issue you'll have to implement your
own.

if(typeof Array().splice=='undefined')
Array.prototype.splice=function(start, count)
{
for(var i=start; i+count<this.length; i++)
this[i] = this[i+count];
this.length-=count;
}

--
Stephen Chalmers
547265617375726520627572696564206174204F2E532E2072 65663A205451323437393134

Jul 23 '05 #2
Hello Stephen,

I probably was not clear enough. But I don't want to remove the button.
I just want to have an indication (like a colored border around the
button) when it is selected/clicked. e.g. when a user clicks on the
"bold" button, there is a border around the "bold" icon and the text in
the form will be bold. As soon the user clicks the "bold" button again,
the border is removed, and stops typing bold text.

Thanks

Jul 23 '05 #3
IkBenHet wrote:
Hello Stephen,

I probably was not clear enough. But I don't want to remove the button.
I just want to have an indication (like a colored border around the
button) when it is selected/clicked. e.g. when a user clicks on the
"bold" button, there is a border around the "bold" icon and the text in
the form will be bold. As soon the user clicks the "bold" button again,
the border is removed, and stops typing bold text.


Use the onclick to fire a function to check the src of the image, and if
its not outlined, swap it with an outlined image. If its outlined, swap
it with the original.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Jul 23 '05 #4


IkBenHet <ik********@hotmail.com> wrote in message news:11*********************@g14g2000cwa.googlegro ups.com...
Hello Stephen,

I probably was not clear enough. But I don't want to remove the button.
I just want to have an indication (like a colored border around the
button) when it is selected/clicked. e.g. when a user clicks on the
"bold" button, there is a border around the "bold" icon and the text in
the form will be bold. As soon the user clicks the "bold" button again,
the border is removed, and stops typing bold text.

Thanks

Then there was no misunderstanding and the modification I provided will do exactly what you describe, and certainly does
nothing to remove the button. If you click on the button, the style applied by the mouse_down function is maintained
until it is clicked again, regardless of other events. All you need add is the code to style the textarea.

I had hoped to avoid posting the entire code...

<HTML>
<HEAD>
<style type="text/css">
.IsButton
{width:22;height:22;margin:0;padding:0;border-width:1px;border-color:#D0E4FC;border-style:solid;}
</style>
<script type="text/JavaScript">

if(typeof Array().splice=='undefined')
{
Array.prototype.splice=function(start, count)
{
for(var i=start; i+count<this.length; i++)
this[i] = this[i+count];
this.length-=count;
}
}

var buttonLocks=[];
function isLocked( elem, table )
{
for(var i=0; i<table.length && elem!=table[i]; i++)
;

return i==table.length ? -1 : i;
}

function mouse_out()
{
var src=event.srcElement;

if( isLocked(src, buttonLocks)==-1 )
if(src.className=="IsButton")
{
window.status="";
src.style.backgroundColor = "#D0E4FC";
src.style.borderTop = "#D0E4FC solid 1px";
src.style.borderRight = "#D0E4FC solid 1px";
src.style.borderLeft = "#D0E4FC solid 1px";
src.style.borderBottom = "#D0E4FC solid 1px";
}
}

function mouse_over()
{
var src=event.srcElement;
if( isLocked(src, buttonLocks)==-1 )
if(src.className=="IsButton")
{
window.status=src.alt;
src.style.backgroundColor = "#D0E4FC";
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
src.style.borderRight = "buttonshadow solid 1px";
src.style.borderTop = "buttonhighlight solid 1px";
}
}

function mouse_down() {
var src=event.srcElement, index;

if( (index=isLocked(src, buttonLocks))==-1 )
buttonLocks[buttonLocks.length]=src;
else
buttonLocks.splice(index, 1);

if(src.className=="IsButton")
{
src.style.backgroundColor = "#D0E4FC";
src.style.borderTop = "buttonshadow solid 1px";
src.style.borderRight = "buttonhighlight solid 1px";
src.style.borderLeft = "buttonshadow solid 1px";
src.style.borderBottom = "buttonhighlight solid 1px";
}
}

function mouse_up()
{
var src=event.srcElement;

if( isLocked(src, buttonLocks)==-1 )
if(src.className=="IsButton")
{
src.style.backgroundColor = "#D0E4FC";
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
src.style.borderRight = "buttonshadow solid 1px";
src.style.borderTop = "buttonhighlight solid 1px";
}

}
</SCRIPT>
</HEAD>
<BODY>
<TABLE height="22" cellpadding="0" cellspacing="0" border="0">
<tr valign="middle" width="100%" height="22">
<td height="22" bgcolor="#D0E4FC"
ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;">
<span name="toolbar" onmouseover="mouse_over();"
onmousedown="mouse_down()" onmouseup="mouse_up();"
onmouseout="mouse_out();" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;">
<img alt="Bold" class="IsButton" src="images/bold.gif">
<img alt="Italic" class="IsButton" src="images/italic.gif">
</span>
</td>
</tr>
</TABLE>
</BODY>
</HTML>
--
Stephen Chalmers

547265617375726520627572696564206174204F2E532E2072 65663A205451323437393134

Jul 23 '05 #5
Stephen Chalmers wrote:
IkBenHet <ik********@hotmail.com> wrote in message news:11*********************@g14g2000cwa.googlegro ups.com...
Hello Stephen,

I probably was not clear enough. But I don't want to remove the button.
I just want to have an indication (like a colored border around the
button) when it is selected/clicked. e.g. when a user clicks on the
"bold" button, there is a border around the "bold" icon and the text in
the form will be bold. As soon the user clicks the "bold" button again,
the border is removed, and stops typing bold text.

Thanks


Then there was no misunderstanding and the modification I provided will do exactly what you describe, and certainly does
nothing to remove the button. If you click on the button, the style applied by the mouse_down function is maintained
until it is clicked again, regardless of other events. All you need add is the code to style the textarea.

[...]

You could toggle the image between bright and greyed and at the same
time toggle the border style between outset and inset respectively.
--
Rob
Jul 23 '05 #6
Hello again,

I tried what you suggested and for some reason it is not working.

<html>
<head>
<title>Rich Text Editor</title>
<style type="text/css">
.IsButton
{width:22;height:22;margin:0;padding:0;border-width:1px;border-color:#D0E4FC;border-style:solid;}
</style>
<script type="text/JavaScript">
if(typeof Array().splice=='undefined')
{
Array.prototype.splice=function(start, count)
{
for(var i=start; i+count<this.length; i++)
this[i] = this[i+count];
this.length-=count;}
}
var buttonLocks=[];
function isLocked( elem, table )
{
for(var i=0; i<table.length && elem!=table[i]; i++);
return i==table.length ? -1 : i;
}
function mouse_out()
{
var src=event.srcElement;
if( isLocked(src, buttonLocks)==-1 )

if(src.className=="IsButton")
{
window.status="";
src.style.backgroundColor = "#D0E4FC";
src.style.borderTop = "#D0E4FC solid 1px";
src.style.borderRight = "#D0E4FC solid 1px";
src.style.borderLeft = "#D0E4FC solid 1px";
src.style.borderBottom = "#D0E4FC solid 1px";
}
}
function mouse_over()
{
var src=event.srcElement;
if (isLocked(src, buttonLocks)==-1 )

if(src.className=="IsButton")
{
window.status=src.alt;
src.style.backgroundColor = "#D0E4FC";
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
src.style.borderRight = "buttonshadow solid 1px";
src.style.borderTop = "buttonhighlight solid 1px";
}
}

function mouse_down() {
var src=event.srcElement, index;
if( (index=isLocked(src, buttonLocks))==-1 )
buttonLocks[buttonLocks.length*]=src;
else
buttonLocks.splice(index, 1);

if(src.className=="IsButton")
{
src.style.backgroundColor = "#D0E4FC";
src.style.borderTop = "buttonshadow solid 1px";
src.style.borderRight = "buttonhighlight solid 1px";
src.style.borderLeft = "buttonshadow solid 1px";
src.style.borderBottom = "buttonhighlight solid 1px";
}
}
function mouse_up()
{
var src=event.srcElement;
if (isLocked(src, buttonLocks)==-1)
if(src.className=="IsButton")
{
src.style.backgroundColor = "#D0E4FC";
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
}
}
</SCRIPT>
</head>
<body bgcolor="#D0E4FC">
<script language= "JavaScript" type= "text/javascript" src= "editor.js"
</script>

<form action="save.asp" name="edit" method="POST" id="edit"
onsubmit="return submitForm();">
<center>
<span name="tbar" onmouseover="mouse_over();"
onmousedown="mouse_down();" onmouseup="mouse_up();"
onmouseout="mouse_out();" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;">
<table width="880" bgcolor="#D0E4FC">
<tr>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'bold', '')"><img
src="../../common/images/richtexteditor/bold.gif" class="IsButton"
border="0" width="22" height="22" alt="Vet" title="Bold"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'underline', '')"><img
src="../../common/images/richtexteditor/under.gif" class="IsButton"
border="0" width="22" height="22" alt="Onderlijn"
title="Underline"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'italic', '')"><img
src="../../common/images/richtexteditor/italic.gif" class="IsButton"
border="0" width="22" height="22" alt="Cursief"
title="Italic"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'justifyleft', '')"><img
src="../../common/images/richtexteditor/aleft.gif" class="IsButton"
border="0" width="22" height="22" alt="Links uitlijnen" title="Align
Left"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'justifycenter', '')"><img
src="../../common/images/richtexteditor/center.gif" class="IsButton"
border="0" width="22" height="22" alt="Centraal uitlijnen" title="Align
Center"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'justifyright', '')"><img
src="../../common/images/richtexteditor/aright.gif" class="IsButton"
border="0" width="22" height="22" alt="Rechts uitlijnen" title="Align
Right"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'indent', '')"><img
src="../../common/images/richtexteditor/ileft.gif" class="IsButton"
border="0" width="22" height="22" alt="Indent" title="Indent"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'outdent', '')"><img
src="../../common/images/richtexteditor/iright.gif" class="IsButton"
border="0" width="22" height="22" alt="Outdent"
title="Outdent"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'undo', '')"><img
src="images/undo.gif" class="IsButton" border="0" width="22"
height="22" alt="Undo" title="Undo"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'redo', '')"><img
src="images/redo.gif" class="IsButton" border="0" width="22"
height="22" alt="Redo" title="Redo"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'insertorderedlist', '')"><img
src="../../common/images/richtexteditor/nlist.gif" class="IsButton"
border="0" width="22" height="22" alt="Opsomming met cijfers toevoegen"
title="Numbering"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'insertunorderedlist', '')"><img
src="../../common/images/richtexteditor/blist.gif" class="IsButton"
border="0" width="22" height="22" alt="Opsomming met symbolen
toevoegen" title="Bullets"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'cut', '')"><img
src="../../common/images/richtexteditor/cut.gif" class="IsButton"
border="0" width="22" height="22" alt="Knippen" title="Cut"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'copy', '')"><img
src="../../common/images/richtexteditor/copy.gif" class="IsButton"
border="0" width="22" height="22" alt="Kopieren" title="Copy"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'paste', '')"><img
src="../../common/images/richtexteditor/paste.gif" class="IsButton"
border="0" width="22" height="22" alt="Plakken" title="Paste"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'superscript', '')"><img
src="images/superscript.gif" class="IsButton" border="0" width="22"
height="22" alt="Superscript" title="Superscript"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'subscript', '')"><img
src="images/subscript.gif" class="IsButton" border="0" width="22"
height="22" alt="Subscript" title="SubScript"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'strikethrough', '')"><img
src="images/strikethrough.gif" class="IsButton" border="0" width="22"
height="22" alt="Doorhalen" title="Strikethrough"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'justifyfull', '')"><img
src="images/justifyfull.gif" class="IsButton" border="0" width="22"
height="22" alt="Uitlijnen" title="Justifyfull"></a></td>
<td bgcolor="#D0E4FC" ondragstart="event.returnValue=false;"
onselectstart="event.returnValue=false;"><a href=
"javascript:editorCommand('content', 'createlink', '')"><img
src="images/justifyfull.gif" class="IsButton" border="0" width="22"
height="22" alt="Link toevoegen" title="CreateLink"></a></td>
</tr>
</table>
</span>
<table width="880" bgcolor="#D0E4FC">
<tr>
<td>
<script language= "JavaScript" type= "text/javascript" >
<!--
function submitForm() {
updateEditor('content');
return true;
}

initiateEditor();
//-->
</script>
<script language= "JavaScript" type= "text/javascript" >
<!--
displayEditor('content', '', 880, 600);
//-->
</script>
</td>
</tr>
<tr>
<td colspan="22" align="center"><input type="submit" name="Submit"
value="Submit"></td>
</tr>
</table>
</center>
</form>
</body>
</html>

Jul 23 '05 #7
IkBenHet <ik********@hotmail.com> wrote in message news:11**********************@z14g2000cwz.googlegr oups.com...
Hello again, I tried what you suggested and for some reason it is not working.


When I pasted the code you posted I got the syntax error shown below; a '-' character that did not actually show in the
message. I cannot explain why but it's definitely there when the code is pasted into an editor.
Either way, the I.E. error console pointed straight to it.
Once I removed your external function calls, the code worked.

function mouse_down() {
var src=event.srcElement, index;
if( (index=isLocked(src, buttonLocks))==-1 )
buttonLocks[buttonLocks.length*-]=src;
---------------------------------^

--
Stephen Chalmers

Jul 23 '05 #8
Stephen,

It is working now! Thank you very very much!

Jul 23 '05 #9
IkBenHet wrote:
Hello again,

I tried what you suggested and for some reason it is not working.

Your code does not work for me at all - even with the '-' issue fixed.
[...]
src.style.borderBottom = "buttonshadow solid 1px";
src.style.borderLeft = "buttonhighlight solid 1px";
src.style.borderRight = "buttonshadow solid 1px";
src.style.borderTop = "buttonhighlight solid 1px";
What I was suggesting is that you replace the above with something like:

src.style.borderStyle = 'outset';

[...] src.style.borderTop = "buttonshadow solid 1px";
src.style.borderRight = "buttonhighlight solid 1px";
src.style.borderLeft = "buttonshadow solid 1px";
src.style.borderBottom = "buttonhighlight solid 1px";


and the above with:

src.style.borderStyle = 'inset';

Both could be achieved by toggling to an 'in/out' function that changes
the background colour and border style as below. Then all your style
stuff is in one place and not buried in your script.
<html><head><title>Button play</title>

<style type="text/css">
.butOutset, .butInset {
border: 2px outset #D0E4FC;
color: black;
background-color: #EBF3FE;
width: 4em; height: 4em;
text-align: center; line-height: 4em;
}
.butInset {
border-style: inset;
background-color: #D0E4FC;
}
</style>

<script type="text/javascript">
function inOut( el ) {
if ( el.className && /\bbutOutset\b/.test(el.className) ) {
el.className = 'butInset';
} else {
el.className = 'butOutset';
}
}
</script>

</head><body>

<div class="butOutset" onclick="inOut(this);">click me</div>

</body></html>
<div id="demoDiv" onclick="inOut(this);">click me</div>
[...]
--
Rob
Jul 23 '05 #10
RobG <rg***@iinet.net.auau> wrote in message news:On******************@news.optus.net.au...
IkBenHet wrote:
Hello again,

I tried what you suggested and for some reason it is not working.


Your code does not work for me at all - even with the '-' issue fixed.

Just for the record: http://www.hotspot.freeserve.co.uk/btnlock/ (I.E. & Opera)

--
Stephen Chalmers

Jul 23 '05 #11
New Post

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
BUTTON tag has extra padding, not sure why.
by: Skip Hollowell | last post by:
I am working on a menu bar for a site, and am using buttons in the bar (because the customer wants to use accessKeys for each selection, apparently it is too much work to click on them with a...
HTML / CSS
25
Back button functionality
by: KK | last post by:
Hi, I am using history.go(-1) for implementing the back button functionality. Its working fine but with this exception. 1. The page which is having back button has some hyperlinks on it. ...
HTML / CSS
3
Datagrid Button
by: Zürcher See | last post by:
Someone has implemented a Datagrid Button for the Windows.Form?
C# / C Sharp
18
Need a way to tell if a System.Windows.Forms.Button is "depressed" (pushed down)
by: jrhoads23 | last post by:
Hello, I am trying to find a way to tell if an .NET windows forms Button (System.Windows.Forms.Button) is "depressed" (pushed down). For my application, I can not use a check box control set to...
C# / C Sharp
18
REPOST: Popup form on button
by: Colin McGuire | last post by:
Hi - this was posted last weekend and unfortunately not resolved. The solutions that were posted almost worked but after another 5 days of working on the code everynight, I am not further ahead....
Visual Basic .NET
2
iCSharpcode Texteditor control
by: Ray Cassick \(Home\) | last post by:
Has anyone here used this control in their own product at all? I am very interested in some sample code that shows how to implement a folding strategy so I can do code regions in my custom...
.NET Framework
7
button click event
by: =?Utf-8?B?bWFydGluMQ==?= | last post by:
Hi, All, I create button in the code ( Dim Button as new Button), not using button web component (means not drap button and drop it ont he webform), after that I try to use button_click event,...
Visual Basic .NET
1
how to insert close button in each tabs.
by: ebyogendra | last post by:
Hello friends. Am new to this forum. Am having some doubts on TabbedPane. Thing is i need to insert "Close button" on each tab as and when new tabs are included in TabbedPane. Please any help...
Java
23
Display .htm files content in .aspx page control
by: shashi shekhar singh | last post by:
Dear sir, I have a word document file contains text and images, now i have saved it as a web page and wants to display it on browser , using , string str=directory.getfiles("");...
ASP.NET
0
Merging data from multiple Excel files
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
Data Management
0
Migrating Website to Cloud - Emmanuel Katto
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
General
0
BarryA
Navigating the Data Structures and Algorithms (DSA)
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
Algorithms / Advanced Math
1
Looking to do Android software development, any suggestions? Is flutter better?
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
General
1
Is that possible of reading the .csv file in column wise and the column have different lengths ?
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
C / C++
0
marktang
What is ONU?
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
General
0
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...
Windows Server
0
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
C / C++
0
agi2029
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,...
Career Advice

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!