rendering html in the smalltalk image

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
14 messages Options
Reply | Threaded
Open this post in threaded view
|

rendering html in the smalltalk image

larrry
Hi seasiders.

Is there an easy-ish way to open an inspector on the bit of html that would be rendered by an arbitrary seaside component? 

I think it would make for faster debugging if I could just see what the html is going to look like (also might make it easy to unit test).

thanks much. 
larry

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

RE: rendering html in the smalltalk image

Boris Popov, DeepCove Labs (SNN)

Larry,

 

Inspect the below to get started,

 

WARenderCanvas builder render: [:html | html render: WAStatus new]

 

HTH,

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:04 PM
To: Seaside - general discussion
Subject: [Seaside] rendering html in the smalltalk image

 

Hi seasiders.

 

Is there an easy-ish way to open an inspector on the bit of html that would be rendered by an arbitrary seaside component? 

 

I think it would make for faster debugging if I could just see what the html is going to look like (also might make it easy to unit test).

 

thanks much. 

larry


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: rendering html in the smalltalk image

larrry
Perfect. Thank you. This will be really handy.

On Fri, Sep 30, 2011 at 5:07 PM, Boris Popov, DeepCove Labs <[hidden email]> wrote:

Larry,

 

Inspect the below to get started,

 

WARenderCanvas builder render: [:html | html render: WAStatus new]

 

HTH,

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:04 PM
To: Seaside - general discussion
Subject: [Seaside] rendering html in the smalltalk image

 

Hi seasiders.

 

Is there an easy-ish way to open an inspector on the bit of html that would be rendered by an arbitrary seaside component? 

 

I think it would make for faster debugging if I could just see what the html is going to look like (also might make it easy to unit test).

 

thanks much. 

larry


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

RE: rendering html in the smalltalk image

Boris Popov, DeepCove Labs (SNN)

Also, you can feed any ‘renderable’ thing directly to #render:

 

WARenderCanvas builder render: WAStatus new

WARenderCanvas builder render: 'Hello, World'

WARenderCanvas builder render: [:html | html strong: 'Hello, World']

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:19 PM
To: Seaside - general discussion
Subject: Re: [Seaside] rendering html in the smalltalk image

 

Perfect. Thank you. This will be really handy.

On Fri, Sep 30, 2011 at 5:07 PM, Boris Popov, DeepCove Labs <[hidden email]> wrote:

Larry,

 

Inspect the below to get started,

 

WARenderCanvas builder render: [:html | html render: WAStatus new]

 

HTH,

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:04 PM
To: Seaside - general discussion
Subject: [Seaside] rendering html in the smalltalk image

 

Hi seasiders.

 

Is there an easy-ish way to open an inspector on the bit of html that would be rendered by an arbitrary seaside component? 

 

I think it would make for faster debugging if I could just see what the html is going to look like (also might make it easy to unit test).

 

thanks much. 

larry


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

 


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: rendering html in the smalltalk image

Gastón Dall' Oglio
Perfect!!! That is just I needed.

Some days ago, when I was using the JQmqFeatureInfo widget I had to return HTML in a js function, which is showed inside a popup window (when you click on a feature...). See contents option:
http://mapquery.org/docs/jquery.mapquery.mqFeatureInfo.js.html#jquery.mapquery.mqFeatureInfo.js

Becouse I did not know how, I just copy the function from the example in MapQuery page, resulting this:
html document addLoadScript: ((html jQuery id: idFeatureInfo) mqFeatureInfo map: '#' , idMap; contents: '"<p>" + feature.data.id + "</p>"').

But now, using #render: I can return generated HTML with seaside (from subcomponents for example).



2011/9/30 Boris Popov, DeepCove Labs <[hidden email]>

Also, you can feed any ‘renderable’ thing directly to #render:

 

WARenderCanvas builder render: WAStatus new

WARenderCanvas builder render: 'Hello, World'

WARenderCanvas builder render: [:html | html strong: 'Hello, World']

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:19 PM


To: Seaside - general discussion
Subject: Re: [Seaside] rendering html in the smalltalk image

 

Perfect. Thank you. This will be really handy.

On Fri, Sep 30, 2011 at 5:07 PM, Boris Popov, DeepCove Labs <[hidden email]> wrote:

Larry,

 

Inspect the below to get started,

 

WARenderCanvas builder render: [:html | html render: WAStatus new]

 

HTH,

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:04 PM
To: Seaside - general discussion
Subject: [Seaside] rendering html in the smalltalk image

 

Hi seasiders.

 

Is there an easy-ish way to open an inspector on the bit of html that would be rendered by an arbitrary seaside component? 

 

I think it would make for faster debugging if I could just see what the html is going to look like (also might make it easy to unit test).

 

thanks much. 

larry


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

 


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: rendering html in the smalltalk image

Gastón Dall' Oglio
Something like work fine
html document addLoadScript: ((html jQuery id: idFeatureInfo) mqFeatureInfo map: '#' , idMap; contents: ('"', (WARenderCanvas builder render: [:h | h strong: 'Hello, World']),'"')).

but of course that is very poor solution... Maybe the option contents of MapQuery should not expect to be returned html code to it, but just run the function and there do what you want... I dont know that is better or most used in this case where it opens a popup, any idea?


2011/9/30 Gastón Dall' Oglio <[hidden email]>
Perfect!!! That is just I needed.

Some days ago, when I was using the JQmqFeatureInfo widget I had to return HTML in a js function, which is showed inside a popup window (when you click on a feature...). See contents option:
http://mapquery.org/docs/jquery.mapquery.mqFeatureInfo.js.html#jquery.mapquery.mqFeatureInfo.js

Becouse I did not know how, I just copy the function from the example in MapQuery page, resulting this:
html document addLoadScript: ((html jQuery id: idFeatureInfo) mqFeatureInfo map: '#' , idMap; contents: '"<p>" + feature.data.id + "</p>"').

But now, using #render: I can return generated HTML with seaside (from subcomponents for example).



2011/9/30 Boris Popov, DeepCove Labs <[hidden email]>

Also, you can feed any ‘renderable’ thing directly to #render:

 

WARenderCanvas builder render: WAStatus new

WARenderCanvas builder render: 'Hello, World'

WARenderCanvas builder render: [:html | html strong: 'Hello, World']

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:19 PM


To: Seaside - general discussion
Subject: Re: [Seaside] rendering html in the smalltalk image

 

Perfect. Thank you. This will be really handy.

On Fri, Sep 30, 2011 at 5:07 PM, Boris Popov, DeepCove Labs <[hidden email]> wrote:

Larry,

 

Inspect the below to get started,

 

WARenderCanvas builder render: [:html | html render: WAStatus new]

 

HTH,

 

-Boris

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Larry White
Sent: Friday, September 30, 2011 5:04 PM
To: Seaside - general discussion
Subject: [Seaside] rendering html in the smalltalk image

 

Hi seasiders.

 

Is there an easy-ish way to open an inspector on the bit of html that would be rendered by an arbitrary seaside component? 

 

I think it would make for faster debugging if I could just see what the html is going to look like (also might make it easy to unit test).

 

thanks much. 

larry


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

 


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside




_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: rendering html in the smalltalk image

Philippe Marschall
In reply to this post by larrry
2011/9/30 Larry White <[hidden email]>:
> Hi seasiders.
> Is there an easy-ish way to open an inspector on the bit of html that would
> be rendered by an arbitrary seaside component?
> I think it would make for faster debugging if I could just see what the html
> is going to look like (also might make it easy to unit test).
> thanks much.

There are also the halos with allow you to toggle source view.

Cheers
Philippe
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Playing audio from Seaside, broken?

Larry Kellogg
In reply to this post by larrry
Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Playing audio from Seaside, broken?

Larry Kellogg
So, I'm replying to my own post. Am I right in thinking that I can write an 
html object statement that will play the mp3 files through Dewplayer, or something else? 

Larry


On Oct 5, 2011, at 5:05 PM, Lawrence Kellogg wrote:

Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Playing audio from Seaside, broken?

John McKeon
Hello Larry,
I copied and pasted your audio code into a renderContentOn: method and it works as expected. There must be some other issue.

John

On Wed, Oct 5, 2011 at 8:55 PM, Lawrence Kellogg <[hidden email]> wrote:
So, I'm replying to my own post. Am I right in thinking that I can write an 
html object statement that will play the mp3 files through Dewplayer, or something else? 

Larry


On Oct 5, 2011, at 5:05 PM, Lawrence Kellogg wrote:

Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Playing audio from Seaside, broken?

John McKeon
And I qualify "works as expected" with: in Chrome. In IE8 not so much
John 

On Wed, Oct 5, 2011 at 9:37 PM, John McKeon <[hidden email]> wrote:
Hello Larry,
I copied and pasted your audio code into a renderContentOn: method and it works as expected. There must be some other issue.

John


On Wed, Oct 5, 2011 at 8:55 PM, Lawrence Kellogg <[hidden email]> wrote:
So, I'm replying to my own post. Am I right in thinking that I can write an 
html object statement that will play the mp3 files through Dewplayer, or something else? 

Larry


On Oct 5, 2011, at 5:05 PM, Lawrence Kellogg wrote:

Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside




_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Playing audio from Seaside, broken?

Larry Kellogg
Thanks, John, interesting. I was in Safari. I'll try again. 

In, IE8, what does "not so much" mean? ;-) Does it play? 

How are people playing back sound files? Maybe that's the question 
I should be asking. What if I record to CAF. Do I have to convert everything 
to MP3? 



Larry


On Oct 5, 2011, at 9:52 PM, John McKeon wrote:

And I qualify "works as expected" with: in Chrome. In IE8 not so much
John 

On Wed, Oct 5, 2011 at 9:37 PM, John McKeon <[hidden email]> wrote:
Hello Larry,
I copied and pasted your audio code into a renderContentOn: method and it works as expected. There must be some other issue.

John


On Wed, Oct 5, 2011 at 8:55 PM, Lawrence Kellogg <[hidden email]> wrote:
So, I'm replying to my own post. Am I right in thinking that I can write an 
html object statement that will play the mp3 files through Dewplayer, or something else? 

Larry


On Oct 5, 2011, at 5:05 PM, Lawrence Kellogg wrote:

Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

RE: Playing audio from Seaside, broken?

Robert Sirois
IE doesn't really support HTML5 or CSS3 well. The beta version I guess has some support, but is missing some tags. I dunno the specifics.

RS


From: [hidden email]
Subject: Re: [Seaside] Playing audio from Seaside, broken?
Date: Wed, 5 Oct 2011 22:04:57 -0400
To: [hidden email]

Thanks, John, interesting. I was in Safari. I'll try again. 

In, IE8, what does "not so much" mean? ;-) Does it play? 

How are people playing back sound files? Maybe that's the question 
I should be asking. What if I record to CAF. Do I have to convert everything 
to MP3? 



Larry


On Oct 5, 2011, at 9:52 PM, John McKeon wrote:

And I qualify "works as expected" with: in Chrome. In IE8 not so much
John 

On Wed, Oct 5, 2011 at 9:37 PM, John McKeon <[hidden email]> wrote:
Hello Larry,
I copied and pasted your audio code into a renderContentOn: method and it works as expected. There must be some other issue.

John


On Wed, Oct 5, 2011 at 8:55 PM, Lawrence Kellogg <[hidden email]> wrote:
So, I'm replying to my own post. Am I right in thinking that I can write an 
html object statement that will play the mp3 files through Dewplayer, or something else? 

Larry


On Oct 5, 2011, at 5:05 PM, Lawrence Kellogg wrote:

Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Playing audio from Seaside, broken?

John McKeon
In reply to this post by Larry Kellogg

On Wed, Oct 5, 2011 at 10:04 PM, Lawrence Kellogg <[hidden email]> wrote:
Thanks, John, interesting. I was in Safari. I'll try again. 

In, IE8, what does "not so much" mean? ;-) Does it play? 


It means IE8 does not support the audio tag. 

Add a with: message to your audio tag render code:
   with: 'this browser does not support the audio tag'. 
It should render that string if <audio> is unsupported.

How are people playing back sound files? Maybe that's the question 
I should be asking. What if I record to CAF. Do I have to convert everything 
to MP3? 

Dunno, Youtube uses the embed tag. I've used the object tag for an IE plugin. 





Larry


On Oct 5, 2011, at 9:52 PM, John McKeon wrote:

And I qualify "works as expected" with: in Chrome. In IE8 not so much
John 

On Wed, Oct 5, 2011 at 9:37 PM, John McKeon <[hidden email]> wrote:
Hello Larry,
I copied and pasted your audio code into a renderContentOn: method and it works as expected. There must be some other issue.

John


On Wed, Oct 5, 2011 at 8:55 PM, Lawrence Kellogg <[hidden email]> wrote:
So, I'm replying to my own post. Am I right in thinking that I can write an 
html object statement that will play the mp3 files through Dewplayer, or something else? 

Larry


On Oct 5, 2011, at 5:05 PM, Lawrence Kellogg wrote:

Hello, 
  Is the support for Audio in HTML 5 working? I can't seem to 
get it to work. 

  I found this issue: 


 >   audio (interestingly, a WAAudioTag class exists with no call from the
 > canvas)

#audio, even has tests

 >   track

 missing indeed
Although this renders a control: 
	(html audio)
		url: 'http://upload.wikimedia.org/wikipedia/commons/9/94/Mix.ogg';
		autoplay: true;
		controls: true;
		loop: true;
		preload: true
nothing plays.

  Any thoughts? If HTML 5 audio is completely broken, can I generate code to 
use Dewplayer through Flash?

  Regards,

  Larry
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside