a little html help?

[Peter.Greulich]

Re: a little html help?

if(rowNum % 2 == 0)

Pete, Bob - what does the % do? Can't find a reference for it..

[Bob Moore]

Re: a little html help?

% operator : modulus : division remainder

5 % 2 returns 1

8 % 2 returns 0

[WendyWelton]

Re: a little html help?

Peter,

Thank you! I will check it out. I didn't get there myself with grids, am very close with Divs, but now a bit stuck on one image grids in the Div insisting on putting white space above and below. So - still pursuing what seems to be the two best options.

And by "best two" - I mean paragraphs and such bombed totally, and tables seem to be more coding than is worth (and grids are tables...) - so Divs seem to offer some more on-the-fly flexibility, Grids may offer some formatting that's fighting me in Divs.

Some of my "real" work has demanded my attention. I'll be back when I have some better examples of both efforts, for the benefit and/or amusement of all!

[aburningflame]

Re: a little html help?

if(rowNum % 2 == 0)

Pete, Bob - what does the % do? Can't find a reference for it..

Modulus.
The Xbasic equivalent if you ever need it is :

mod(num1,num2)

?mod(5,2)
1
?mod(8,2)
0

[DaveM]

Re: a little html help?

learning HTML and CSS

Wendy,

Keep learning. I think this thread helped others. I kinda like JS though as just mentioned above.

Probably won't continue with alpha WAS myself, just the desktop stuff. I can do all I need with other tools just about as fast and totally free(almost).


When you get pretty good at html, css and using it in the was, Make sure to get into JavaScript. You can find MANY already written image manipulators already written on the web that are free. Look at the coding and you might like it.

And don't let people with more supposed knowledge buffalo you if you think you are headed right. NO OFFENSE ANYONE HERE

Currently I: dropped using was(expense and/or expense of space on a hosting server) . I Use php, html, css, java, wordpress, pearl, cgi along with some MS stuff.

For most on here, it is better to stay with alpha once you have started. I DO love alpha.



.







.

[Peter.Greulich]

Re: a little html help?

Thanks Bob & Scott. Funny I couldn't find it in W3Schools or in a generic Google search?

[peteconway]

Re: a little html help?

Wendy here is a link to the actual page running on a server. Hope you find it helpful.

Sample Web Page

[WendyWelton]

Re: a little html help?

Pete,

I watched the video last night - very cool. I'm up to my eyebrows in other stuff for a few days, so won't get to this until the end of the week - did start playing a little, am intrigued, may even have a way in my head to do it without any xbasic. I'm intrigued by hunting that down because I'm a newbie who still has to go running for help with nearly any xbasic, and I'm intrigued as an example for others who come after me.

I'm going to actually develop both Grid based and Div based for this - to test them out.

So - some questions for you or whoever:

1 - For the hybrid Div/Grid method - Does anybody know how to display a single image from a grid on a web page, with no white space whatsoever (or ONLY where specifically wanted). For my Div test, I got it to align top for one brief shining moment, but it had giant white space below it. In trying to solve the giant white space below, I lost my flush top.

http://www.afhp.co/testwithfilter.a5w - you can see it.

And some background info:





2 - For the Grid method - if I wanted to

• perhaps use a different CSS for some of the text areas - like the two on that page - any thoughts? I'm guessing it could be a field in the table, then some fancy code someplace that puts that info in the CSS field in the grid for that field in the table record.
• and have my images be flush top and right (or left) - any thoughts? This may not actually be a question, 'cause I haven't tried and failed yet. I'm just throwing that into the criteria, because it's what I need to do - and I won't be the last person to want that. If we're testing this out, we should assume the end customer will want what they want, and be able to meet nearly any positioning requirement.

I started a little bit trying a grid last night, but ran out of Wendy, had an early meeting, etc. - so I don't have that ready to show yet. Steve Wood has CSS name in the table for the web content that generates the text in this example page. So, there has to be a way to do a table I'll call Make_a_Page - then a grid I'll call Make_a_Pagew3 - that grid is a View type, with child grids for the Content (that has the words and the CSS for those boxes) and the Plans (that has the images). I'm just doing a brain dump here until I have time to try this - good place to store these thoughts, and if others are ruminating on this for themselves, no harm in group brainstorming.

btw - I'm not doing just left text/right image then left image/right text. I'm doing:

left text (500 wide) - right image 300x225
full width text
left image 300 x 225 - right text (500 wide)
full width text
etc.

And sometimes omitting the full width, sometimes not. So I'm picturing my Make_a_Page table might just have fields for up to maybe 8 rows of that, and for each record I just choose which fields to use and which to skip.

and another btw - the whole reason I want to have the images come from a grid, as opposed to just putting them on a page - is that they are actually coming from my plans table, where they know their name, and can then link to their plan page.

which reminds me -

3 - for both Div and Grid method - somebody posted once how you make an image from a grid so you click on just the image and go to a linked page. But now that I need it, I can't find it. If anybody knows which thread - post a link to it por favor?

[WendyWelton]

Re: a little html help?

another thought

Grid method

Wide left - narrower right - has to be achievable by first taking the fields and giving them their width - then hide second one - freeform first - put both in. Yah?

I think Peter assumed a generic table with only the text and image fields - infinite number of rows in the grid. I'm picturing a table with sufficient fields that each area on the page has it's own field in the underlying table. I know that goes a tad against normalizing, but it might make sense here. There's kind of a natural limit to just how many you'd ever want on one web page anyway, so I don't personally see a need to jump through hoops to allow some infinite number.

[Peter.Greulich]

Re: a little html help?

I'm picturing a table with sufficient fields that each area on the page has it's own field in the underlying table. I know that goes a tad against normalizing, but it might make sense here. There's kind of a natural limit to just how many you'd ever want on one web page anyway, so I don't personally see a need to jump through hoops to allow some infinite number.

Doesn't need to be infinite. If you want to use Pete's method, just query the underlying a5w page using dbf.filter.

[aburningflame]

Re: a little html help?

Based on the discussion above - this is how I would mark this up with just html/css.

<div class="house-text">
<div class="img"><img src="Test.jpg"/></div>
<div class="text"><p>This is a test</p></div>
</div>

css
----------
.house-text{width:700px;}
.house-text .img{float:left;width:200px;height:200px;}
.house-text .text{margin-left:205px;}

You would need to apply something to the top level of this based on alternating rows then you can do
.oddrow .house-text .img{float:right;margin-left:5px;}

Anyways - this is the approach I use to set up item displays etc.

[WendyWelton]

Re: a little html help?

Doesn't need to be infinite. If you want to use Pete's method, just query the underlying a5w page using dbf.filter.

Not infinite pages, infinite records on a page. Which do you mean?

[WendyWelton]

Re: a little html help?

Based on the discussion above - this is how I would mark this up with just html/css.

<div class="house-text">
<div class="img"><img src="Test.jpg"/></div>
<div class="text"><p>This is a test</p></div>
</div>

css
----------
.house-text{width:700px;}
.house-text .img{float:left;width:200px;height:200px;}
.house-text .text{margin-left:205px;}

You would need to apply something to the top level of this based on alternating rows then you can do
.oddrow .house-text .img{float:right;margin-left:5px;}

Anyways - this is the approach I use to set up item displays etc.

Scott,

Yes - I did something very much like that - and it wasn't terriby hard once I understood a bit more above Divs.

My stumbing block is that I need the images to come from a grid - want to access my already defined pairing of images with home designs and have it link to that record, without hand coding links from images. I made that work, but I can't get the image to be full-bleed.

[Peter.Greulich]

Re: a little html help?

Not infinite pages, infinite records on a page. Which do you mean?

Just saying you don't need infinite records to display. Just filter the grid on the page. Of course, you might need a new field in your table to filter on.

e.g.

Page X: dbf.filter = "style='Pagans'"
Page Y: dbf.filter = "style='Huns'"
etc...

[aburningflame]

Re: a little html help?

Scott,

Yes - I did something very much like that - and it wasn't terriby hard once I understood a bit more above Divs.

My stumbing block is that I need the images to come from a grid - want to access my already defined pairing of images with home designs and have it link to that record, without hand coding links from images. I made that work, but I can't get the image to be full-bleed.

Usually when i have an image field ...I store the image reference in the database like: images/products/prodimg.jpg

And then in the select i add '' as image_dummy to the SQL statement.
I make that a custom field and I code the definition to

image_dummy_render="<img src=\""+data.image+"\"/>"

Also - to take care of #3 above you can do:

image_dummy_render="<a href=\"mylink.a5w\"><img src=\""+data.image+"\"/></a>"