Re: Div Alignment. - Web Development Discussion Boards

salmonraju20-Apr-10 21:22

20-Apr-10 21:22

Hi,

I am using a DIV tag . Earlier i was using Popup which has below allignment values. Due to some problems we thought not to use PopUp and using Div.

XPos=48
YPos=69
Width = 160
Height=138

I want my DIv tag to be opened with these values.Can you please suggest how I set these values for Div.

Thanks,
Salmon.

Re: Div Alignment.

Tony Richards20-Apr-10 22:21

Tony Richards

20-Apr-10 22:21

I think you want to use CSS:

http://www.w3schools.com/css/css_positioning.asp[^]

http://www.w3schools.com/css/css_float.asp[^]

Re: Div Alignment.

Dalek Dave20-Apr-10 22:25

Dalek Dave

20-Apr-10 22:25

You beat me to it!
Used similar links too, damn phone calls.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

Re: Div Alignment.

Dalek Dave20-Apr-10 22:24

Dalek Dave

20-Apr-10 22:24

They are invalid under the DIV tag, but can be set as a Style in CSS.

See Here[^]

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

Re: Div Alignment.

salmonraju20-Apr-10 23:19

salmonraju

20-Apr-10 23:19

Hi dave/Tony,

Thanks for your reply I am using below in Div tag
<div id="divID" style="z-index:1000;width: 160; right:50px; top:60px; display: none;position:absolute;">

It looks ok.
My problem is one control is there Behind Div ,sometimes the control Text is overlapping with Div control Basically this Div displays Calender.
Can any one please suggest.

Thanks,
Salmon

Re: Div Alignment.

User 171649221-Apr-10 0:40

User 1716492

21-Apr-10 0:40

When you mark a css style with "position:absolute;" it disrupts the flow of the document as other content do not know if its existence, sometimes that is exactly what you need. Also, sometimes it is necessary to clear the css style using "clear: both;"

modified 1-Aug-19 21:02pm.

Re: Div Alignment.

salmonraju21-Apr-10 2:04

salmonraju

21-Apr-10 2:04

Hi Richard,
Can you please provide what code i need to implement to fix this Issue.
Please suggest.
Thanks,

Re: Div Alignment.

User 171649221-Apr-10 2:43

User 1716492

21-Apr-10 2:43

Not knowing how your document flows (the HTML + CSS + JS), I can't offer you any code snippets. I'm not a mind-reader. I don't know what your code needs because I don't have access to the source code. And I certainly don't know what your "brief" is with regards to the look/feel/functionality of the web page/website.

The absolute property does not flow with the document. Relative property does. The clear tags is there to use where some incompatibilities between the CSS implementation by the various browsers causes certain display issues.

Experiment with relative properties as well as the clear tags. You might also wish to familiarize yourself with the CSS Box Model. The link above (provided by CP Member Tony Richards) to w3schools will have data about that.

modified 1-Aug-19 21:02pm.

Re: Div Alignment.

daveyerwin21-Apr-10 6:04

daveyerwin

21-Apr-10 6:04

salmonraju wrote:
Earlier i was using Popup which has below allignment values. Due to some problems we thought not to use PopUp and using Div

<html>
<body>
<div onmouseover="document.getElementById('myPopDiv').style.visibility='visible'"
onmouseout="document.getElementById('myPopDiv').style.visibility='hidden'">hoverMe
<div id="myPopDiv"
style="visibility:hidden;position:absolute;top:69;left:48;background-color:red;"
>I have popped</div></div>
other content<br>other content<br>other content<br>other content<br>other content<br>
</body>
</html>

Re: Div Alignment.

groower26-Apr-10 8:49

groower

26-Apr-10 8:49

hmmm... I guess it's have looks like this:

#ground {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002

You can try learn more on html css tutorial. Seemed I met this info there Smile | :)

window.event

swapnil Gadkari20-Apr-10 20:21

swapnil Gadkari

20-Apr-10 20:21

i want to display a context menu on mouse right click, but window.event is not working in mozilla

Re: window.event

Brij20-Apr-10 20:52

Brij

20-Apr-10 20:52

window.event doesn't work in Mozila.To work in both, get the event like this

event = event || window.event;

This will work in both IE and mozila as well.

Cheers!!
Brij
Check my latest Article :Exploring ASP.NET Validators

Re: window.event

swapnil Gadkari20-Apr-10 21:21

swapnil Gadkari

20-Apr-10 21:21

event = event is also not working in mozilla.

It gives an error "ReferenceError: event is not defined"

Re: window.event

Brij20-Apr-10 23:29

Brij

20-Apr-10 23:29

can you put your code snippet?

Cheers!!
Brij
Check my latest Article :Exploring ASP.NET Validators

Re: window.event

swapnil Gadkari21-Apr-10 0:38

swapnil Gadkari

21-Apr-10 0:38

var rightclick
if (!e)
var e = event || window.event;

if (e.which)
rightclick = (e.which == 3)
else if (e.button)
rightclick = (e.button == 2)

This gives an error in Mozilla

Re: window.event [modified]

daveyerwin21-Apr-10 2:42

daveyerwin

21-Apr-10 2:42

swapnil Gadkari wrote:
i want to display a context menu on mouse right click

This is how to do it ...

html>
<head>
<title>MyOwnContextMenu</title>
<script type="text/javascript">
function showMyMenu()
{
 alert("This is where your menu code should be")
}
</script>
</head>
<body oncontextmenu="showMyMenu();return false;";>
</body>
</html>

modified on Wednesday, April 21, 2010 9:15 AM

Re: window.event

Jayapal Chandran5-May-10 21:47

Jayapal Chandran

5-May-10 21:47

http://www.quirksmode.org/js/events_properties.html[^]

goto the Right click section.

this site is the best and this is the one i refer for any event or other stuff related to css and js.

Today's Beautiful Moments are
Tomorrow's Beautiful Memories

How do I get my (Qt) software on the web?

amichai2220-Apr-10 18:14

amichai22

20-Apr-10 18:14

I've been programming in C++ for a few years and in Qt for about a year. In Qt, I've written a data mining software of about 1500 lines of code that is pretty demanding computationally. I want to offer my software as an online web service however, I know very little about website development. I plan on hiring a freelancer to do this for me, but I don't know what specific skill set I should be looking for or what method I should use for accomplishing this goal. Any advice would be appreciated.
Thank you in advance for your time,
Amichai

Re: How do I get my (Qt) software on the web?

RCoate20-Apr-10 19:07

RCoate

20-Apr-10 19:07

As this is not a programming question, you may get a better (and quicker) response in the Lounge[^]

Re: How do I get my (Qt) software on the web?

Dalek Dave9-Feb-11 13:26

Dalek Dave

9-Feb-11 13:26

Advertise.
Someone will have the knowledge to do this for you.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

CCC League Table Link
CCC Link[^]

select onclick()

Morgs Morgan20-Apr-10 2:56

Morgs Morgan

20-Apr-10 2:56

Hi guys, i would like to use 'select'(dropdownlist in asp.net) onclick to make my calender control visible
using javascript...am a new bee in this field, does anyone know how i can do this?
Please help me D'Oh! | :doh:

Thanks,
Morg

Re: select onclick()

daveyerwin20-Apr-10 4:57

daveyerwin

20-Apr-10 4:57

Unfortunately, DropDownList has no onclick method.

Re: select onclick()

Not Active20-Apr-10 5:52

Not Active

20-Apr-10 5:52

Yes it does.

I know the language. I've read a book. - _Madmatt

Re: select onclick()

daveyerwin20-Apr-10 6:59

daveyerwin

20-Apr-10 6:59

Of course you are right, the select element
has an onclick, but the DropDownList control
does not. Smile | :)

Re: select onclick()

Not Active20-Apr-10 5:57

Not Active

20-Apr-10 5:57

A dropdownlist, which is rendered as a select element has the onclick event as most html elements do; however, dropdownlist usually handles the onchange event to be notified when the selection has been changed.

<asp:DropDownList runat="server" id="..." onclick="...">

<asp:DropDownList runat="server" id="..." onchange="...">

I know the language. I've read a book. - _Madmatt

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