XWidgetSoft Forum

Is it possible to use a Html panel to display part of a web page, something like specify the area of the page you want to display ?

I made some widgets in the past with html panels. Unfortunately there is this little problem..
viewtopic.php?f=3&t=3128

Now for displaying a part of the web page, I'm afraid that is all about the margins that will use inn the Designer and see how the webpage will look.. I noticed that making html panels, other web pages shows the "scroll button" on the right so you can navigate up and down the page, but other not.. These are my results from my tests. Now if there is a way though a script to do this I don't know..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

you can use a frame in the html panel to always have scroll bars in your widget
just you should add this html code to your widget and add your link inside it:

some info:
1. you can use values or percentages instead of * to control dimension of each columns
2. you can use your link in the <frame src> part of the code
3. you can add this code to an html file and set the file path in the html panel url box
4. you can use <frameset> without [cols] to have a one frame that cover whole page

=============

and if anyone could answer these questions i can help you more:
1. in the html panel url box, it titled [html code or url] but i tested and it doesn't support html code, anyway to use html code directly there?
2. is there any command available in script code to use html code from script?
3. generally what are the commands that available for html panel in script?

=============

I would like to make a youtube video widget: (is just a test widget)
1) Can we have a resizable window, since the zoom option doesn't work for html panels?
2) I would like to "center" some how the html page inside to have the video player in the right position(the margins of the video will be the same with the left/right margins of the widget. Possible?

I found this web page:
http://www.smashingapps.com/2009/08/08/ ... ation.html

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Jimking does your designer have margins for html panels in the metrics tab ? I only have position and size.. it would be good if it did... but crop settings would be perfect so you can select the section of the page to display.

Hamid I don't really want scroll bars. I will try your code.

This is similar to what I am trying.

This site has small live weather maps I would like to reproduce as small widgets, nothing showing other than the map http://www.weatherzone.com.au/nsw/sydney/sydney

you can directly load image link to the htmlpanel to only load that image.

It is not just an image it is a frame by frame animation, how could this be done ? and the image names change as it is updated.

i couldn't find the animation maps, can you add a direct link to that?

edit:
and i think the image names and links are always same, the new images will be replaced by the old ones.

On the site http://www.weatherzone.com.au/nsw/sydney/sydney there are three small weather maps, radar, satellite and chart. Clicking on the small display does open a larger one.

so these are not animations, these are just static images.
and their links are also doesn't change,

you can add all image urls to one html file, and use that html file path in the htmlpanel, to load all at the same time.
you should use this format:



also you can add more htmlpanels and load each of the image urls to one of them.

Not sure if we are looking at the same thing
The small maps are made up of several different layers and some change to provide the animation effect, some of the image links are listed here.
http:/data.weatherzone.com.au/maplayers/wz/locations/locations_radarz_004_140x105.gif
http:/otf.weatherzone.com.au/otfimage/timestamped/radar/reflectivity/radar/071/201404112124/twc15/0/radarz/071/radsat_640/640x480/image.png
http:/otf.weatherzone.com.au/otfimage/timestamped/radar/reflectivity/radar/071/201404112130/twc15/0/radarz/071/radsat_640/640x480/image.png
http:/otf.weatherzone.com.au/otfimage/timestamped/radar/reflectivity/radar/071/201404112136/twc15/0/radarz/071/radsat_640/640x480/image.png
and the image file location/path is time stamped.

the code that i posted can be used for static images (third section of the site <charts>)

but for sat images, they are more complicated than this and needs more coding, because they're not a simple gif image but separate images that load on each other.

if you want to have all of them in the same place, i think the scroll bar option (that i previously wrote) is the best way.

Thank you for your assistance hamid

you're welcome

and i forgot to tell,
i think there should be a way to scroll to specific part of the page in html coding,
(going to specific header or scroll to some percentage of the page)
but since i'm not so experienced in html coding, so i couldn't help on it,
maybe if you ask from some specialist they could help you more on it

looks like i have mistakes on my old code (scrollbars/frameset):
the * there is for dimension of each columns and the cols means columns.
i'll edit my previous post to prevent any mistake by others.

so if you want to fill the htmlpanel with your page you better use this code:


more info on it:
http://www.w3schools.com/tags/tag_frameset.asp

Thanks, I have been looking at this site

I copied your new code into the Html code window in designer and it does not display the google site, just a blank panel. Does it work for you ?

you should add the code to an html file,
and then place the path of the html file (that you created) in the htmlpanel CodeBox.




just to notify:
the [url or html Code] box of htmlpanel doesn't support html code but it titled so...
maybe there is a bug on it or maybe i don't know how to use it.
because of this you should use an html file to load the code in htmlpanel.