|
Hi all,
I have this script where i generate DIVs dynamically and put them one under another by setting their style.top property.
Now when i add any thing to the top most positioned DIV and increase its height, it expands and overlaps the DIV below.
Is there anyway, in which i can make these DIVs like normally generated DIVs, so that they push down other DIVs when their height is increased.
Or is there a workaround for this problem.
Thanks in advance.
*** Who said nothing is impossible? I have been doing it for a long time ***
|
|
|
|
|
Try using "z-index" CSS property.
Best regards, Alexey.
|
|
|
|
|
Can you please explain a bit more as to what z-index property exactly does and how its presence impacts surrounding elements ??
Thanks in advance.
*** Who said nothing is impossible? I have been doing it for a long time ***
|
|
|
|
|
|
CoolASL wrote: and how its presence impacts surrounding elements
It does not.
---
b { font-weight: normal; }
|
|
|
|
|
If you position them absolutely there is no way that they can adjust to the size of other elements. Just put them in the normal flow of the page.
---
b { font-weight: normal; }
|
|
|
|
|
Hi Guffa,
Thanks for coming to my rescue again.
It would really be nice if i could put the DIVs in the normal flow of the page. But since i am required to generate them dynamically, it is not possible to do so.
Ok, to tell you the actual thing, i am actually writing a script to display a Dynamic Tree View. I know there are quite a number of such free sources, but i wish to do it on my own so that i can have the display my way.
According to my code, when a user clicks on a + sign,
1) The sub-directories are retrieved from the database using AJAX.
2) DIVs are created dynamically and initialized properly
3) The DIVs are embedded inside the parent DIV using appendChild and the height of the parent is increased to accomodate the newly created DIVs.
I have to use
overflow:hidden
property for all the DIVs because without that the generated DIVs fail to display themselves inside the parent DIV and they get displayed outside the parent DIV on the main page.
Now, since the parent DIV has been created in the normal flow, when they expand, they push down the other DIVs under them. But the ones generated by me, fail to do so and overwrite on the ones below.
I hope i was able to explain you my logic.
Is my logic ok, or is there a better way of doing this thing.
I have not tried, but i feel that i should alter the innerHTML of the parent DIV to add the newly created DIVs.
Please help me out.
Thanks in advance.
*** Who said nothing is impossible? I have been doing it for a long time ***
|
|
|
|
|
CoolASL wrote: It would really be nice if i could put the DIVs in the normal flow of the page. But since i am required to generate them dynamically, it is not possible to do so.
Yes, it is. You can dynamically add elements into the page, and it will reflow to accomodate the new elements.
I have to use overflow:hidden property for all the DIVs because without that the generated DIVs fail to display themselves inside the parent DIV and they get displayed outside the parent DIV on the main page.
That sounds like a strange workaround. Is that because you are positioning the elements absolutely instead of actually placing them inside the parent element?
---
b { font-weight: normal; }
|
|
|
|
|
Hey thanks Guffa.
That really helped me out.
After reading yours and Shog's reply I set out again from scratch and found that i made a wrong assumption at one place. Which means that the initial research was defective... 
Thanks for the help. I think i'll be able to continue from here.
Thanks a lot.
*** Who said nothing is impossible? I have been doing it for a long time ***
|
|
|
|
|
CoolASL wrote: I have to use
overflow:hidden
property for all the DIVs because without that the generated DIVs fail to display themselves inside the parent DIV and they get displayed outside the parent DIV on the main page.
You're making this waaay too complex. I'm gonna make one major assumption, that you are not making the parent DIV absolutely positioned or fixing the height - if you are doing either of these, then stop it. With that out of the way, you should be able to add children and the parent DIV will automatically resize to contain them. No manual sizing or positioning required. 
Last modified: Tuesday, April 18, 2006 10:02:10 PM -- spelling...
|
|
|
|
|
Hey thanks Shog.
That really helped me out.
After reading yours and Guffa's reply I set out again from scratch and found that i made a wrong assumption at one place. Which means that the initial research was defective...
Thanks for the help. I think i'll be able to continue from here.
Thanks a lot.
*** Who said nothing is impossible? I have been doing it for a long time ***
|
|
|
|
|
Following is the requirement for search component:
Input:
Only 1 search box in which I will put 1 or more words(separated by space)
Output:
I need to search space separated parts of this string in multiple fields of multiple tables.
What I have done?
$keywordList = explode( ' ', trim($_REQUEST['txtSearch']) );
$i = 0;
while($i < count($keywordList)){
$strKeyword.= "
r.userId like '%$keywordList[$i]%'
or r.maritalStatus like '%$keywordList[$i]%'
or r.nativeLang like '%$keywordList[$i]%'
or ro.personalStatement like '%$keywordList[$i]%'
or ro.empReq like '%$keywordList[$i]%'
or ro.hobbies like '%$keywordList[$i]%'
";
$i++;
if($i < count($keywordList)){
$strKeyword.= " or ";
}
}
This is working according to my requirements
I need to do it in MySql and PHP with regexp.
Any Help?
Thanks
|
|
|
|
|
How can can write following code in Vbscript, as I tried this one in ASP, but not working, do not know why.
<html>
<head>
<script type="text/javascript">
function Validate(frm)
{
if (frm.id.value.length==0) {
alert('Invalid Id');
frm.id.focus();
return false;
}
if (frm.password.value.length==0) {
alert('Invalid Password');
frm.password.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form onsubmit="return Validate(this);" action="service.asp">
ID: <input type="text" name="id"><br>
Password: <input type="password" name="password"><br>
<input type="submit">
</form>
</body>
</html>
Every thing will come to you if you have faith.
-- modified at 22:00 Tuesday 9th May, 2006
|
|
|
|
|
Standard question #1:
What do you mean by "not working"?
---
b { font-weight: normal; }
|
|
|
|
|
There is no such form property as "removed"... try replacing that with "onSubmit"...
cheers
Phil
|
|
|
|
|
Phil Uribe wrote: There is no such form property as "removed"...
Yes, this forum replaces "onclick" near "=" to "removed=" 
try post this:
onclick=
Best regards, Alexey.
|
|
|
|
|
Use onsubmit instead of onclick.
---
b { font-weight: normal; }
|
|
|
|
|
How would I generate config and hbm files using tools? could any one let me know the tools?
prasen
|
|
|
|
|
Use XmlReader and XmlWriter classes.
<marquee>Best regards, Alexey.
|
|
|
|
|
Thanks for your suggestion.Actuaaly I need to create the configuration and .hbm files by having value object as input.
prasen
|
|
|
|
|
Hi,
I'm having a horrible time trying to make my HTML fit to page when printing. It prints fine landscape view, but I'd rather be able to fit everything in portrait view.
Any insights?
Thanks!
|
|
|
|
|
jmfekete wrote: Any insights?
"Make it narrower"?
Get rid of absolute widths. Get rid of tables; if you must display tabular data, then make sure the table isn't nested. Get rid of floating DIVs. Start with the absolute simplest layout and formatting you can get, then add just enough back to make it look presentable.
Browser support for printing is improving, but slowly. To ensure good printed output, your best bet is the same as it was for on-screen content five years ago - keep it as simple as possible, don't confuse the browser.
|
|
|
|
|
How correctly to store Japan charachters in MySQL DB ?
in some way they are converting into presentation :
& # 20491 ; & # 22283 ; & # 23478 ; & # 20170 ; & # 22825 ;
But HOW ?
Or maybe another solution ?
Thanks in advance !
-- modified at 7:44 Monday 17th April, 2006
|
|
|
|
|
Try to use unicode charset.
Best regards, Alexey.
|
|
|
|
|
Please , little more details - how ?
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
