Re: BUTTON OVER IMAGE IN ASP.NET? [modified] - Web Development Discussion Boards

Hi Guys,
Im using c# asp.net,i had used datagrid to display the record from the database,in the datagrid i had used template column as textbox now i need to highlight the row onmouseover using javascript and also specify in server side how to hande this? help me

rgrds

Kanna..

So, I've searched and searched this group for a Calendar interface for my site. There are certainly a lot of different implementations of the concept. However what I'm looking for is a Calendar that provides a bit more functionality ... and not being a "code jockey", I can't figure out how to modify the Samples here to get what I need. Which is:

1. A normal ASP.NET or VB Calendar that comes up with dates "pre filled" with an Item on a specific date(s)
(e.g., 7 PM - Concert in SF )

2. When I click on that DATE/item on the Calendar, a POP-UP should come up that displays a bit more details
(e.g., 7-11Pm Concert in the Park. info: www.cityconcert.sf/event )

3. The URL referenced in that popup Item should actually allow for a launcn in a separate browser window to that Event detail.

Does anyone know of a Calendar-like ASP.NET (or VB) function that would do this?

Thanks so much ... a very cool site >!!!

Hi Guys,

I wanted to put my 5 buttons over the image. I am using ASP.Net/AJAX. Is there a way in asp.net to do it without using java scripting?

Thanks in advance Guys.

hifiger2004

You can set the image as the background of whatever page element is containing the buttons, eg div or table cell...

<style>
...
#imagediv { background-image: #url(myimage.gif) ; }
...
</style>

<div id="imagediv">
... (buttons here) ...
</div>

For fine tuning do some CSS research!

cheers
Fred

And how I am going to do it in asp.net vb code?

hifiger2004

What, exactly, are you trying to do?

please try to click this link http://cvd.harnesstheweb.com

You will see there 6 buttons, and I want that button to be put inside the gray bar, which is part of the image. But it can't be done.

I hope you can help me with this Smile | :)

hifiger2004

Here is a test page for you, with the code culled from your page - but put the main image in the same folder (or alter the code here) to try it out.
There are "better" ways (ie making better use of the CSS and not having it inline etc), but this works and shows the principle...)
cheers
F

<!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>
<title>Untitled Page</title>
</head>
<body>
<div id="ctl00_UpdatePanel1" style="height: 159px; background: #ffffff url(cvdh.gif) no-repeat;">
<table style="width: 780px">
<tr>
<td style="height: 148px; text-align: center" valign="bottom">
<input type="submit" name="ctl00$Button7" value="Button" id="ctl00_Button7" style="color:Black;background-color:White;border-color:Transparent;border-style:None;font-weight:bold;" /></td>
<td style="height: 148px; text-align: center" valign="bottom">
<input type="submit" name="ctl00$Button8" value="Button" id="ctl00_Button8" style="color:Black;background-color:White;border-style:None;font-weight:bold;" /></td>
<td style="height: 148px; text-align: center" valign="bottom">
<input type="submit" name="ctl00$Button9" value="Button" id="ctl00_Button9" style="color:Black;background-color:White;border-style:None;font-weight:bold;" /></td>
<td style="height: 148px; text-align: center" valign="bottom">
<input type="submit" name="ctl00$Button10" value="Button" id="ctl00_Button10" style="color:Black;background-color:White;border-style:None;font-weight:bold;" /></td>
<td style="height: 148px; text-align: center" valign="bottom">
<input type="submit" name="ctl00$Button11" value="Button" id="ctl00_Button11" style="color:Black;background-color:White;border-style:None;font-weight:bold;" /></td>
<td style="height: 148px; text-align: center" valign="bottom">
<input type="submit" name="ctl00$Button12" value="Button" id="ctl00_Button12" style="color:Black;background-color:White;border-style:None;font-weight:bold;" /></td>
</tr>
</table>
</div>
<p>CVD website home page<p>
</body>
</html>

-- modified at 15:51 Friday 11th May, 2007

thank you I will try this one. thanks Smile | :)

hifiger2004

Sorry - post above modofoed (must've forgotten to tick html tags thing as the vital lines got written out...!)
F

Fred, thanks for your help. I applied the same way how it will be coded... you can see it here Smile | :)

http://cvd.harnesstheweb.com.

But I have one more question if you may. How can I do a mouseover for example when the mousepointer is pointing at "eDigests" the font color will change to blue and when lostfocus it will back to color black. How will it be done?

hifiger2004

about the mouseover, I got it. thanks Fred

hifiger2004

solved this problem...

--------------------------------------------------------------------------------------
hi, i have a problem.
no much more knowledge with asp, i m fresh, try to learning.
my problem is ;
have an mail adresses more than thousand,(155,000), and i create any e-bulten and sending to this adresses.
but manually,
how to automatically send this e-bulten to this adresses.
i mean, i have web mail server account and web page.how to create a page to send automatically any mail to this adresses.one and one.

thank you much more

-- modified at 3:29 Monday 14th May, 2007

The site in question is a "classic" ASP site using VBScript (not .net). Do not suggest that I use .Net because it's not in the requirements for what I'm doing (although in this case I admit it would be a better choice)...

One of the pages appends stuff to the query string so that the post-back will reload the page and cause the page to behave/appear differently. It looks something like this when the post back occurs:

mypage.asp?myAction=blahblah&thisOption=1

In the process of testing the page, I came to realize that if the user refreshes the page, the previous contents of the querystring are once again passed to the browser (in a way, I can understand why). The only way I've discovered to clear the querystring (to avoid the refresh problem) is to do a redirect back to the same asp page with no querystring, like so:

Response.Redirect("mypage.asp")

Is there a way to actually erase the querystring without using Redirect? The way I'm doing it seems like a noob hack.

"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

If you have control of the referring page use the post method instead of the get method to pass variables so they don't appear in the url in the first place.

The redirect only cloaks the problem because the full url is still in the browsers history and can be retrieved by hitting the back button.

The point is that once you have navigated to the page with get variables tacked on to the url the full url is in the browser history and can be accessed. If you want it not to appear use the post method to pass parameters to the receiving page.

Simply Elegant Designs JimmyRopes Designs
Think inside the box! ProActive Secure Systems

I'm on-line therefore I am.
JimmyRopes

Is it possible to specify the mthod in a link tag (as opposed to using a button on a form)?

"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

The only two ways that I know of to specify a post method (or get method for that matter) is in a form and XHTTPRequest object. There may be others but these are the two I use.

I don't know how you would do it in vbscript but in javascript I do it by sending the href and/or onclick events to a script. You can probably figure out how to do something like this in vbscript.

There is no reason why you cannot use javascript, unless you wanted to hone your vbscripting skills for your ciriculim vitae. I never really thought about you as a VB anything type of guy but from your recient posts I take it you are learning it.

I have never used the <link> tag but have used the ~~address~~ anchor tag like this in a menu bar.

<a class="nav" title="Process" href="javascript:jump('/process.htm');">Process</a>

I am pretty sure it will work on a <link> tag but just have never used it myself so you would have to try. In any case the <a> tag works just fine for navigation.

In the script you can submit a hidden form or process an XMLHTTPRequest to post parameters to the target page or server side script.

function jump(TARGET){
document.getElementById('parm1').value = 'Parm1';
document.getElementById('parm2').value = 'Parm2';
document.getElementsByTagName('form')[0].action = TARGET;
document.getElementsByTagName('form')[0].submit();
} // function jump(TARGET)

Where parm1 and parm2 are hidden input fields that you want to give values to in the script or you can alternatively set up an XMLHTTPRequest passing parameters to a server side script that will return the new body of the page. I use PHP on an Apache server so you would have to figure out how to do it in ASP or some other suitable server side scripting language in IISland.

That way you can setup an index.html (default.html) page and only ever have a path name in the address bar of the browser. If the user refreshed the page they would get the index.html (default.html) page again.

A bit more complicated but can be done something like this.

var Request = new getXMLHttpRequest();
Request.onreadystatechange = myReadyStateChangeHandler;
var parms= '';

function jump(TARGET){
Request.open("post", "http://" + location.host + TARGET + ", true);
Request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
parms= "parm1=" + encodeURIComponent('Parm1')
+ "&parm2=" + encodeURIComponent('Parm2');
Request.send(parms);
} // function jump()

function myReadyStateChangeHandler(){
if (HTTPREQUEST_COMPLETED == Request.readyState){
if (HTTPREQUEST_SUCCESS == Request.status){
document.getElementsByTagName('body')[0].innerHTML = reply;
} // if (HTTPREQUEST_SUCCESS == Request.status)
else{
alert("Error: HTTP "
+ Request.status
+ " "
+ Request.statusText
+ " Please contact our WebMaster from the link on our Contact Us page explaining the error you received. Thank you.");
} // else [if (HTTPREQUEST_SUCCESS == Request.status)]
} // if (HTTPREQUEST_COMPLETED == Request.readyState)
} // function myReadyStateChangeHandler()

getXMLHttpRequest() is a homegrown script (javascript of course) that sets up the XMLHttpRequest object and defines the constant values HTTPREQUEST_COMPLETED and HTTPREQUEST_SUCCESS.

It determines if the browser has a native XMLHttpRequest object or if it is IE prior to IE7, in which case it returns an CaptiveX (Scott McNealy's name for ActiveX) object.

Google XMLHttpRequest and there are a gazillion examples, some probably even in vbscript. If you can't find something suitable email me and I will send you a copy of a script (javascrippt of course) that returns data asynchronously but you can change the third parameter in the XMLHttpRequest open method to false to make it operate synchronously.

-- modified at 12:14 Monday 14th May, 2007

Simply Elegant Designs JimmyRopes Designs
Think inside the box! ProActive Secure Systems

I'm on-line therefore I am.
JimmyRopes

You can easily submit a form using a plain hyperlink, but of course it does rely on javascript. Create your form element with method="post" and all necessary hidden (or otherwise) fields and give it a unique ID. You can then use document.getElementById("formid").submit() on the onclick event of the hyperlink (or better yet, the onfocus event). Alternatives to this are document.forms[0].submit() and the like but I'm not sure of cross browser issues with that. If you keep the href attribute with your current method (query string params) this will also work without javascript.

Hmm, just read the above post in full (I know, I should done that first...) and the first method is similar. BTW, the <a> tag is an 'anchor' tag not 'address', and the <link> tag is for linking external documents such as style sheets, normally when people say a link they mean an anchor tag.

These links are not part of a form.

"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

badgrs wrote:
BTW, the tag is an 'anchor' tag not 'address'

Absolutely correct. I was thinking anchor and typed address. Blush | :O

badgrs wrote:
tag is for linking external documents such as style sheets, normally when people say a link they mean an anchor tag.

Correct again. As stated I have never used link and told him he would have to try it because I really didn't know what he is trying to accomplish so I left it to him to try whatever he wanted, but he has given me an idea I want to try.

I use PHPSS (PHP enabled CSS) to implement browser specific hacks usually aimed in getting the boys from Redmond to conform to the rest of the world. Although I do have OPERA 5 hacks and various Mozilla hacks thrown in there also. What tangled webs we weave.

Strange as it sounds since I use PHPSS I didn't find it unusual to want to post parameters to CSS. PHPSS gives CSS a whole new dimension that most people are not used to considering.

My intention was just to illustrate things that worked for me and let him adapt it to his requirements. Smile | :)

I have always used the anchor tag and have used it to make context sensitive jumps to the desired page based on the state of the current transaction. You could certainly make a static form to do this but I tend to code in a dynamic environment adding and removing DOM objects as I need them. I just swiped existing code and it happened to be dynamic. Static code would work just as well. Big Grin | :-D

Simply Elegant Designs JimmyRopes Designs
Think inside the box! ProActive Secure Systems

I'm on-line therefore I am.
JimmyRopes

JimmyRopes wrote:
There is no reason why you cannot use javascript, unless you wanted to hone your vbscripting skills for your ciriculim vitae. I never really thought about you as a VB anything type of guy but from your recient posts I take it you are learning it.

The *only* reason I'm using vbscript is because I was told not to convert it to .Net (and C#). In other words, I have no choice because the boss said to use vbscript.

"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

John Simmons / outlaw programmer wrote:
The *only* reason I'm using vbscript is because I was told not to convert it to .Net (and C#). In other words, I have no choice because the boss said to use vbscript.

I knew that! Unsure | :~

I was just yanking your chain. Big Grin | :-D

If you promise not to hold it against me I will admit to taking a contract coding in VB6 a few years ago. Blush | :O

I don't believe I said that in public! Blush | :O

I don't consider me a VB anything type of guy either. Sigh | :sigh:

The strangest part of it was that they wanted me to implement DLLs that could be called from VB to do socket programming! I told them that I could do it but that I didn't think it was a good idea. When they insisted I went ahead and implemented it for them. Dead | X|

The way I figure it was honest work so once you loose your pride the rest is easy. Unsure | :~

Simply Elegant Designs JimmyRopes Designs
Think inside the box! ProActive Secure Systems

I'm on-line therefore I am.
JimmyRopes

Hi,
I would like to know "how to write code in .net using the .net connector that will recive Idoc's from a SAP System?".

Can Biztalk do this without writing .net code ? I have used the "SAP Adapter for Biztalk" and have been able to download the IDoc schemas. Now that i have the schemas, i would also need the Idocs. Thus i will reframe my question again "How can i receive the Idocs from the SAP System to BizTalk?. "

Any pointers on this would be extremely useful.Please help me.

Am new but know a little more in web design.am a vb/sql programmer.am requested to Build a website, and i have to keep track of number of users accessing the site,time,location,browser type,ip, city,Country.i have to give these reports Every month and e-mail it to users monthly and be able to retrieve the reports daily and weekly

help how do i start. i have web design knowledge.

Confused | :confused:

Vuyiswa

let someone like this do the work for you!

http://www.statcounter.com/[^]

cheers
Fred