have problems with div's

G

Guest

I have the following within one of my pages created with FrontPage.

<div id="bAvocado"></div>
<div id="bButterSquash"></div>
<div id="bCauliflower"></div>
<div id="bCornOnCob"></div>
<div id="bCucumber"></div>
<div id="bGarlic"></div>

and it works.

but it shows a carriage return when they are empty.

not what I need.

how do I get only the div's that have content to print.
and the ones that are empty prints nothing.


thank you.
 
M

Murray

but it shows a carriage return when they are empty.

how do I get only the div's that have content to print.
and the ones that are empty prints nothing.
Click to expand...

Say more about this. You have multiple pages, each having the same array of
divs, some of which are loaded with content, and some of which are not? And
you want those that are 'empty' to not affect the screen position of the
others? I can't think of a way to do that automatically. Is there a reason
why you wouldn't just delete them?
 
G

Guest

I have a table split into 4 equal parts.
I am printing to one place in one of the tables, but if lets say

you have the letter a to z and only every 5 letter of the alphabet is
printed vertically down the table box, and it would look like this

e
j
o
t
y


but it has all the carriage returns in between the letters. how do I remove
them? or stop them being printed in the first place.

thank you

Jason
 
M

Murray

I am printing to one place in one of the tables

Huh? You are printing to a table?
but it has all the carriage returns in between the letters. how do I
remove them? or stop them being printed in the first place.
Click to expand...

What does this have to do with divs? Sorry - I'm not tracking you at
all....
 
G

Guest

below are two files i have done to show what i mean.


<html>

<head>
<title>New Page 1</title>
</head>

<body>

<table border="0" cellpadding="0" style="border-collapse: collapse"
width="1013" id="table1" height="621">
<tr>
<td width="160">this side has the items the were selected<p>but it shows
all the div's and puts a carriage return after them.</p>
<p>i would like the carriage return not to show unless the div actually
has some content.&nbsp; (more than &quot;&quot;)</td>
<td><iframe name="I1" src="new_page_2.htm" width="776" height="581">
Your browser does not support inline frames or is currently configured not
to display inline frames.
</iframe></td>
</tr>
</table>

</body>

</html>





<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<body>

<p>this side has an inline frame and this is where the items are selected,
and
the div's are defined.</p>
<p>&nbsp;</p>
<p>i have not shown all of the script as it is very long.</p>

</body>

</html>
 
G

Guest

it was only an example of where i wanted things to go.

all i want to find out how i can use the div's when there is content in
them.
and when the div has nothing in it, it is not used (not printed, as this
produces a carriage return)


thank you

Jason
 
M

Murray

The short answer is - you cannot. The longer answer is - if I had even a
remote inkling of what you are trying to accomplish, and a glance at some
real code, I might be able to suggest a workaround.
 
G

Guest

ok

lets say that the following are set using the command parent....... from
another iframe.

bAvocado=""
bButterSquash=""
bCauliflower="some data"
bCornOnCob=""
bCucumber="some more data"
bGarlic="more data"

the following is in a seperate iframe page

<div id="bAvocado"></div>
<div id="bButterSquash"></div>
<div id="bCauliflower"></div>
<div id="bCornOnCob"></div>
<div id="bCucumber"></div>
<div id="bGarlic"></div>

the above would produce this in the iframe that the div's are displayed in.

top of page shown by the -----


-----------


some data

some more data
more data
======== this is the end of the page.


what i would like the display to look like is this.

----------- top of the page
some data
some more data
more data
 
S

Steve Easton

Write the div tags on the fly using javascript

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
G

Guest

not really sure what you mean by on the fly ?

enclose them in a <script> .... </script>

<script language="javascript">
<div id="bAvocado"></div>
<div id="bButterSquash"></div>
<div id="bCauliflower"></div>
<div id="bCornOnCob"></div>
<div id="bCucumber"></div>
<div id="bGarlic"></div>
</script>
 
M

Murray

No - he means use js to write the HTML to the page after testing to see if
there is content. For example -

<script type="text/javascript">
//here begins javascript written by a non-javascripter
//consider it poorly written pseudo-code

if div bAvocado content != "" {
document.write("<div id='bAvocado'>" + AvocadoContent + "</" + "div>")
and so on....
</script>
 
G

Guest

<script type="text/javascript">
//here begins javascript written by a non-javascripter
//consider it poorly written pseudo-code
if div bAvocado content != "" {
document.write("<div id='bAvocado'>" + AvocadoContent + "</" + "div>")
}
if div bButterSquash content != "" {
document.write("<div id='bButterSquash'>" + ButterSquashContent + "</" +
"div>")
}
if div bCauliflower content != "" {
document.write("<div id='bCauliflower'>" + CauliflowerContent + "</" +
"div>")
}
if div bCornOnCob content != "" {
document.write("<div id='bCornOnCob'>" + CornOnCobContent + "</" + "div>")
}
if div bCucumber content != "" {
document.write("<div id='bCucumber'>" + CucumberContent + "</" + "div>")
}
if div bGarlic content != "" {
document.write("<div id='bGarlic'>" + GarlicContent + "</" + "div>")
}
if div bGrapefruit content != "" {
document.write("<div id='bGrapefruit'>" + GrapefruitContent + "</" + "div>")
}
</script>


??

the above did not work. i do not understand how the script can be written
correctly, it would only run once as it is witin a HTML file. or have i got
to create a .js file and have a call to it to keep executing it.

just a thought. is there a way to get lets say iframe (id "I1") to
document.write(....) to id "table6"
where the document.write(...) lines are in the iframe id I1 but it
prints to id "table6"
html file below to show what i mean by this.

yes the tables are empty, just wanted to show the table layout, so you know
what i mean by from one table to another.

thank you.




<html>

<head>
<title>New Page 1</title>
</head>
<body>
<table border="0" cellpadding="0" style="border-collapse: collapse"
width="1092" id="table3" height="633">
<tr>
<td align="left" valign="top" width="159">
<table border="0" cellpadding="0" style="border-collapse: collapse"
width="153" id="table4" height="43">
<tr>
<td valign="top">
<table border="0" cellpadding="0" style="border-collapse: collapse"
width="150" id="table5">
<tr>
<td colspan="2">
<p align="center">Total Cost of your order</p>
</td>
</tr>
<tr>
<td width="28">
<p align="right">£</td>
<td width="122"><div id="theTotal"></div></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="0" style="border-collapse: collapse"
width="152" id="table6" height="475">
<tr>
<td valign="top">
=====
........
</td>
</tr>
</table>
</td>
<td align="left" valign="top">
<iframe name="I1" width="912" height="623" align="top" target="_blank"
src="new_page_2.htm">
Your browser does not support inline frames or is currently configured not
to display inline frames.
</iframe></td>
</tr>
</table>
</body>
</html>
 
G

Guest

or another way to explain what i mean,

you can create your own confirmation page when sending a form.

well can i from one html page, create my own custom html page, and have this
new page shown in a one of the tables maybe via the inline method or a call
to a .js file script maybe. as this page would change while their are
selecting their items.
 
S

Steve Easton

You need to set up your forms so that when a user makes a selection or changes a selection
it always fires the javascript
Each time the script fires, it will then rewrite those items to the table.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
G

Guest

ok, think i can do this another way using an array.

can i access an array from different frames?
 
S

Steve Easton

You don't access the array from the frame, you access the array via a function. You fire the
function with a mouse or keyboard event.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
G

Guest

You need to set up your forms so that when a user makes a selection or
the script would be called from (table1) the script would then rewrite the
array contents a fresh in (table2). how could it do this.? what script in
table1 would clear the contents of a table2 to allow me to rewrite them.?
both tables are within the same internet explorer window.
 
G

Guest

i have created another script to show the orders, showorders.js i have
a html file called showorders.html this is where the script is called from.
this is part of it. as you will see i have added some alerts to see if it
completes to the end of the script, but it only prints the "1" from the
documents.write("1")

why?




function showorders()
{
alert("start of show orders script")
var form = document.forms.favororders;
document.write("1");
if (form.Avocado.value!=0) {
document.write("Avocado ="+adddecimal((form.Avocado.value)*cAvocado));
}
alert("after the first if in show orders script")
if (form.ButterSquash.value!=0) {
document.write("ButterSquash
="+adddecimal((form.ButterSquash.value)*cButterSquash));
}

if (form.Cauliflower.value!=0) {
document.write("Cauliflower
="+adddecimal((form.Cauliflower.value)*cCauliflower));
}



document.write("2");



if (form.CornOnCob.value!=0) {
document.write("CornOnCob
="+adddecimal((form.CornOnCob.value)*cCornOnCob));
}
if (form.WhiteOnionsLB.value!=0) {
document.write("WhiteOnionsLB
="+adddecimal((form.WhiteOnionsLB.value)*cWhiteOnionsLB));
}

}
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Retrieving query string in Sharepoint desinger 0
Button with no name IE automation 4
CSS ( ul li ul = Hidden) not working 0
Include Pages 1
Compare two word documents gives FORMATT changes for ListItems 0
cell formula question 4
CSS DOES NOT DISPLAY IN IE7 FROM AN INDEX PAGE 4
Complicated Index/Match formula 4

Top