[modified]To set the borders of the layers in javascript. - Web Development Discussion Boards

Re: Control that automatically drags when page is scrolled down

CandyMe22-Oct-07 18:45

22-Oct-07 18:45

I'm sorry I can't get it to work.
Is this correct?
I found a similar control on mapleglobal.com
There are ads on the right side of the page whenever I (browser) scroll down, it scrolls down as well. Thank you.

...

<ajax:Accordion>...</ajax:Accordion>
</div>

<div class="ForumSig">Gerri</div>

Re: Control that automatically drags when page is scrolled down

Bjohnson3323-Oct-07 0:56

Bjohnson33

23-Oct-07 0:56

Hi Gerri

Apologies, it looks like I may have missed a couple of functions.

The following html page will do what you want, although it doesn't run as smoothly as the example you gave:

<html>
<head>
<script type="text/javascript">
function movePanel(){
var panel = document.getElementById("panel");
var current = panel.style.top.split('px')[0];
var top = posTop();
if(current < top){
while (current < top){
panel.style.top = current + 'px';
current++;
}
} else if (current > top){
while (current > top){
panel.style.top = current + 'px';
current--;

}
}

}
function posTop(){
if(!document.body.scrollTop){
return 0;
}
else if (document.body && document.body.scrollTop){
return document.body.scrollTop;
}
else if (document.documentElement && document.documentElement.scrollTop){
return document.documentElement.scrollTop;
}
}
</script>
</head>
<body onscroll="movePanel();">
<div style="width:500px;height:3000px;float:left;border:1px black dashed;">
</div>
<div id="panel" style="position:absolute;top:20px;right:10px;width:200px;height:200px;border:1px red dashed;">
some text
</div>
</body>
</html>

Cheers
Ben

Re: Control that automatically drags when page is scrolled down

CandyMe25-Oct-07 2:31

CandyMe

25-Oct-07 2:31

WOW! YOU'RE THE BEST! THANK YOU SO MUCH.

I do have another question please.
Well my div is on the left side, if I resize my browser window and then scroll to the right
it moves itself to the right side thereby making it always visible. Can it just stay in its location and just scroll up/down accordingly?

Thank you very much.

Gerri

Re: Control that automatically drags when page is scrolled down

Bjohnson3325-Oct-07 22:12

Bjohnson33

25-Oct-07 22:12

Hi Gerri

Not sure why you're getting that behaviour...

If you replace the body from the above example with the following:
<div style="width:1500px;">
<div style="width:1000px;height:3000px;float:right;border:1px black dashed;">
</div>
<div id="panel" style="position:absolute;top:20px;left:10px;width:200px;height:200px;border:1px red dashed;">
some text
</div>
</div>
</body>

And then scroll to the right, the panel remains on the left hand side....

Cheers
Ben

Re: Control that automatically drags when page is scrolled down

CandyMe29-Oct-07 17:38

CandyMe

29-Oct-07 17:38

Thank you very much. Poke tongue | ;-P

:->

Gerri

I used nant to build ASP .NET application

balpanbh14-Oct-07 18:36

balpanbh

14-Oct-07 18:36

I used nant to build ASP .NET application my VS 2005 .sln file
is being compiled using nant builder ..I heard that nant is used to compile and deploy the ASP .NET application ......

Can anyone plese tell me how to deploy ASP .NET application using nant. I have compiled file ready i want to know how to deploy it...

I m using VS 2005 and Nant-0.85

aaa

Re: I used nant to build ASP .NET application

Paddy Boyd15-Oct-07 2:49

Paddy Boyd

15-Oct-07 2:49

Why are you using NAnt and not the built in compiler/deployment options (just curious)?

[modified]To set the borders of the layers in javascript.

gopal_Pandey13-Oct-07 5:17

gopal_Pandey

13-Oct-07 5:17

-- modified at 2:14 Monday 15th October, 2007
hi friends,
I know one of u can answer this question.

my question is how to set the border of the layer at client side programming.......

i am at beginner level in javascript even after that i made a function called setBorder in which i am setting the border of the layer but at runtime it giving the error ::"document.form1.layer1.style.border is null or not an object."

now here is i am giving my code which i am using please tell me what i have to do if i am wrong where i am wrong.....

this code i am using in asp.net

Thanks in advance...........

<HTML>
<HEAD>
<title>Test</title>
</HEAD>
<body>
<script language="javascript">
function setBorder(layer)
{
resetBorder();
if (layer==1)
document.form1.layer1.style.border = 2;
if (layer==2)
document.form1.layer2.style.border = 2;
if (layer==3)
document.form1.layer3.style.border = 2;
if (layer==4)
document.form1.layer4.style.border = 2;
if (layer==5)
document.form1.layer5.style.border = 2;
}

function resetBorder()
{
document.form1.layer1.style.border = 0;
document.form1.layer2.style.border = 0;
document.form1.layer3.style.border = 0;
document.form1.layer4.style.border = 0;
document.form1.layer5.style.border =0;
}

//==============================>

function DispUpload(ControlNo)
{
document.form1.oFile.disabled=false;
document.form1.txtControlNo.value=ControlNo;
alert(ControlNo);
return true;
}
</script>

<form id="form1" runat="server">
<table id="table1" style="WIDTH: 625px; HEIGHT: 714px" borderColor="#800000" height="714"
width="625" border="1" runat="server">
<tr>
<td style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid">
<div id="layer1" onclick="setBorder(1);" style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; Z-INDEX: 2; LEFT: 41px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 188px; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 303px; HEIGHT: 121px; BACKGROUND-COLOR: #ffffff">
<IMG id="imgF1" style="WIDTH: 176px; HEIGHT: 118px" height="118" width="176" runat="server"></div>
<div id="layer2" onclick="setBorder(2);" style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; Z-INDEX: 2; LEFT: 43px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 188px; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 455px; HEIGHT: 229px; BACKGROUND-COLOR: #ffffff">
<IMG id="imgF2" style="WIDTH: 176px; HEIGHT: 224px" height="224" width="176" runat="server"></div>
<div id="layer3" onclick="setBorder(3);" style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; Z-INDEX: 3; LEFT: 218px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 254px; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 347px; HEIGHT: 305px; BACKGROUND-COLOR: #ffffff">
<IMG id="imgF3" style="WIDTH: 248px; HEIGHT: 298px" height="298" width="248" runat="server"></div>
<div id="layer4" onclick="setBorder(4);" style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; Z-INDEX: 6; LEFT: 437px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 133px; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 273px; HEIGHT: 123px; BACKGROUND-COLOR: #ffffff">
<IMG id="imgF4" style="WIDTH: 128px; HEIGHT: 118px" height="118" width="128" runat="server"></div>
<div id="layer5" onclick="setBorder(5);" style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; Z-INDEX: 5; LEFT: 433px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 133px; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 453px; HEIGHT: 194px; BACKGROUND-COLOR: #ffffff">
<IMG id="imgF5" style="WIDTH: 152px; HEIGHT: 216px" height="216" width="152" runat="server"></div>
</td>
</tr>
</table>
</form>
</body>
</HTML>

Re: set layers border using javascript

Guffa13-Oct-07 6:33

Guffa

13-Oct-07 6:33

Your layers are displayed on top of your message, making it unreadable.

Use the "Ignore HTML" option when you are posting html code.

---
single minded; short sighted; long gone;

Re: set layers border using javascript

Hesham Amin13-Oct-07 22:41

Hesham Amin

13-Oct-07 22:41

You need to set borderWidth:
Also no need for the too many if statements to get the layer name:
<code>var layer=document.getElementById('layer'+layer);
layer.style.borderWidth='10px';</code>
And your HTML should be like:
<div id="layer" style="border-width:10px;border-color:Red;border-style:solid">
dsd
</div>

Hesham A. Amin
My blog: http://forloveofsoftware.blogspot.com

Digest Authentication NIGHTMARE

erikkl200012-Oct-07 17:31

erikkl2000

12-Oct-07 17:31

I am opening a socket stream and sending and receiving messages to a DVR Server.

The DVR server uses Digest Authentication and i have made sure that i have every name value exactly the way i think it goes and for a week i can not seem to produce any fruit.

I have even gone as far as creating separate objects to aid in the separation of the challenge and the client response.

I keep getting and error of: null 400 bad request

I am opening a stream socket, make a request, make a second request with the Authorization header: Digest, and then i get the error.

I need to open a stream to the DVR so that i can get the video data stream for a camera.

Here are the objects that i have...
Can someone give me some advice on this please?

http://afccinc.com/Examples/Software/Web-Applications/Authentication/Digest/Digest[0]/Challange.cs.txt
http://afccinc.com/Examples/Software/Web-Applications/Authentication/Digest/Digest[0]/ClientChallangeResponse.cs.txt
http://afccinc.com/Examples/Software/Web-Applications/Authentication/Digest/Digest[0]/NetWorkLink.cs.txt
=========================================================================================================

Any suggestions at all will help out a lot.

Change Textbox Color Using Javascript

stormcandi12-Oct-07 11:27

stormcandi

12-Oct-07 11:27

Hello,
I know this question has been asked everywhere but I cannot find a solution that will help me. I hope someone here has some ideas.

I have 9 TextBoxes in a Repeater Control. A user can edit dates in these textboxes. If the user changes the date, I want to dynamically change the color of the background of the textbox. When the data is saved I will set the textboxes back to it's original background(I can do this in the code-behind)
Right now I can get it to change but I have to do a postback in order to do it on the TextChanged Event of the TextBox. This page has 14 rows with 9 textboxes in each so postbacks are tedious to the user after 3 of them.
Can anyone help me accomplish this in Javascript?

This is in my code-behind:

foreach (RepeaterItem item in rptrShots.Items)
 {
      TextBox txt1 = (TextBox)item.FindControl("txt1");
       txt1.Attributes["onTextChanged"] = "ChgColor('" + txt1.UniqueID + "');";
 }

This is in the mark-up:

<script language="javascript" type="text/javascript"> 
function ChgColor(sender)
{
    sender.style.backgroundColor = '#CC3300';
}
</script>

I am just so frustrated that I am following similar code to do similar things but it isn't working for me. I don't know if it is because my textboxes are in a repeater or not.

Please help!!!

Confused | :confused:

Thanks in advance!

~Candi

Re: Change Textbox Color Using Javascript

Guffa13-Oct-07 0:44

Guffa

13-Oct-07 0:44

One reason that it doesn't work is that you are sending a string to the javascript function, and it uses it as if it was an element.

Another reason that it doesn't work is that you are using uppercase letters in the event name.

A third reason is that you are trying to use the name of a server side event in the client code. There is no ontextchanged event in html, there in an onchange event.

As you are calling the method from the element itself, you can use the this keyword to send a reference to the element to the function:

txt1.Attributes["onchange"] = "ChgColor(this);";

---
single minded; short sighted; long gone;

Re: Change Textbox Color Using Javascript

stormcandi15-Oct-07 10:54

stormcandi

15-Oct-07 10:54

Those are a few reasons! Thanks, Guffa! I was finally able to make this work out like I need it too!

~Candi

request.GetResponse() problem

Borryz12-Oct-07 1:44

Borryz

12-Oct-07 1:44

I'm using this code:

HttpWebRequest req = (HttpWebRequest)WebRequest.Create(pageAddress);
HttpWebResponse rsp = (HttpWebResponse)req.GetResponse();

in WindowsForms application, to get a page source. Everything works fine, when I run my app in debug mode (Visual Studio uses app.vshost.exe), but when I run it without VS, I get exception:

System.Net.Sockets.SocketException: No connection could be made because the target machine actively refused it
at System.Net.Sockets.Socket.DoConnect(EndPoint endPointSnapshot, SocketAddress socketAddress)
at System.Net.Sockets.Socket.InternalConnect(EndPoint remoteEP)
at System.Net.ServicePoint.ConnectSocketInternal(Boolean connectFailure, Socket s4, Socket s6, Socket& socket, IPAddress& address, ConnectSocketState state, IAsyncResult asyncResult, Int32 timeout, Exception& exception)

I will really appreciate any help.

borryz

Re: request.GetResponse() problem

kubben12-Oct-07 2:09

kubben

12-Oct-07 2:09

I would suspect that there is an issue with your pageAddress you are passing in. I would make sure that when you are not in vs that the correct address is getting passed in.

Ben

Re: request.GetResponse() problem

Borryz12-Oct-07 3:23

Borryz

12-Oct-07 3:23

My pageAddress is set properly for sure.

Thanks

borryz

Re: request.GetResponse() problem

Vasudevan Deepak Kumar12-Oct-07 2:45

Vasudevan Deepak Kumar

12-Oct-07 2:45

1) Does the request need to go through any Proxy Server?
2) Verify the pageAddress value as a quick MessageBox or a log file.

Vasudevan Deepak Kumar
Personal Homepage
Tech Gossips

Re: request.GetResponse() problem

Borryz12-Oct-07 3:29

Borryz

12-Oct-07 3:29

1) I was pretty sure it does not, but I chekced it out and it looks like there is a Proxy on the request way.
2) pageAddress is fine.

OK. Thanks for drawing my attention to a Proxy Server. I'll see what can be done with it.

borryz

YAHOO.widget.AutoComplete

ankushmn12-Oct-07 0:01

ankushmn

12-Oct-07 0:01

We r using YAHOO.widget.AutoComplete to show information in div or container... this all happens on keypress event of textbox. this is fine .. working ok..
Now i want to show some default list or info. in container or div on onclick event of textbox when textbox is empty. now here i am stuck ... Frown | :(

please help me in this ... Thanks in adv

Logout problem

abhishek.mumbai11-Oct-07 23:40

abhishek.mumbai

11-Oct-07 23:40

Hi Friends

We have an integrated web application (ASP and ASP.Net), The web application
is running fine in every system excecpt the one. Whenever we try to login
in that particular machine its logout.

Please suggest.

Abhishek
Mumbai, India

Re: Logout problem

Hesham Amin13-Oct-07 22:43

Hesham Amin

13-Oct-07 22:43

Please give some explanation to get a response!!
What is the architecture of your solution ?
How session is managed ?

Hesham A. Amin
My blog

Re: HTTP 500 - Internal server error.

Vasudevan Deepak Kumar12-Oct-07 2:43

Vasudevan Deepak Kumar

12-Oct-07 2:43

Please do not cross-post. You seemed to have started this thread in ASP.NET, which is also in active progress there:

http://www.codeproject.com/script/comments/forums.asp?msg=2268310&forumid=12076&mode=all&userid=3991281#xx2268310xx[^]

Vasudevan Deepak Kumar
Personal Homepage
Tech Gossips

Javascript : Similar to match

ss.mmm11-Oct-07 5:21

ss.mmm

11-Oct-07 5:21

address = PO BOX 6
str = PO BOX

str.match(address) = null
This is because match finds only characters already in "PO BOX".

How can I find "PO BOX 6" when I match it with str. [means, similar to contains in C#)

Please help.

Thanks

Re: Javascript : Similar to match

andyharman11-Oct-07 6:44

andyharman

11-Oct-07 6:44

Have you tried address.indexOf(str)?

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.