Ask Question Forum:
Model Library:2025-02-08:A.I. model is online auto reply
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by newbieweb
at 2024-07-25 11:28:07
ModifyPoint:500 Replies:10 POST_ID:829107USER_ID:11725
Topic:
Cascading Style Sheets (CSS);Hypertext Markup Language (HTML);Scripting Languages
I need a pop-up 600px X 400 PX
with a opaque gray horizontal shaded bar across the top that takes up 25% of the vertical height of the window. Otherwise, the background should be white and NOT opaque.
Then I need a centered image which is 1/3 the horizontal width of the window and centered. It does not touch the shaded area on top, nor touch the border on the bottom.
On the top region I need a sentence of centered text .
Thanks.
with a opaque gray horizontal shaded bar across the top that takes up 25% of the vertical height of the window. Otherwise, the background should be white and NOT opaque.
Then I need a centered image which is 1/3 the horizontal width of the window and centered. It does not touch the shaded area on top, nor touch the border on the bottom.
On the top region I need a sentence of centered text .
Thanks.
Author: newbieweb replied at 2024-08-02 07:43:05
Thanks
Author: newbieweb replied at 2024-07-26 08:53:49
i will give that a shot on Monday ;)
Expert: Gary replied at 2024-07-26 08:08:01
Can you create a test page with your code or use jsfiddle.net
Author: newbieweb replied at 2024-07-25 18:29:52
sorry, it's an internal development project...
Expert: Gary replied at 2024-07-25 13:48:09
Do you have a link?
Author: newbieweb replied at 2024-07-25 13:44:57
I had tried that already without success.
Assisted Solution
Expert: Gary replied at 2024-07-25 12:21:23
166 points AVERAGE
So we are talking modal and not a popup? Make sure this css is after the jquery ui css file
.ui-widget-overlay
{
opacity:0;
height:25%;
}
.ui-widget-overlay
{
opacity:0;
height:25%;
}
Author: newbieweb replied at 2024-07-25 12:11:08
This is a jquery dialog I am using:
$("#lotShotPhotoImageDownloadDialog").dialog({
width: 800,
height: 600,
resizable: false,
autoOpen: true,
modal: true,
opacity: 0,
dialogClass: "dr-dialog",
position: { my: "left top", at: "left+250 top+250"}
});
The opacity is working, but I can not get a shaded (slightly opaque) region for the top 25% of the vertical height
.ui-widget-overlay
{
opacity:0;
}
$("#lotShotPhotoImageDownloadDialog").dialog({
width: 800,
height: 600,
resizable: false,
autoOpen: true,
modal: true,
opacity: 0,
dialogClass: "dr-dialog",
position: { my: "left top", at: "left+250 top+250"}
});
The opacity is working, but I can not get a shaded (slightly opaque) region for the top 25% of the vertical height
.ui-widget-overlay
{
opacity:0;
}
Assisted Solution
Expert: Gary replied at 2024-07-25 11:31:25
167 points AVERAGE
Whats wrong with the jquery dialog?
All that seems possible with it, for example the top shaded area would need this.
.ui-widget-overlay {
height: 25%;
}
edit.
Oh you mean a real pop up window
All that seems possible with it, for example the top shaded area would need this.
.ui-widget-overlay {
height: 25%;
}
edit.
Oh you mean a real pop up window
Accepted Solution
Expert: duncanb7 replied at 2024-07-25 11:31:03
167 points AVERAGE
To solve your first question first , please take a look at window.opne popup window
at http://www.w3schools.com/jsref/met_win_open.asp
And other questions, Could you write it more in detail ?
Duncan
at http://www.w3schools.com/jsref/met_win_open.asp
And other questions, Could you write it more in detail ?
Duncan
