Updating title tag dynamically

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

Updating title tag dynamically

Murtaza Zaidi
Hi,

I needed to update the browser tab text dynamically depending on a click event. I know that I would need to modify the <title> tag of the page but don't know how that could be done using seaside. Any help will be great.

Thanks,
Murtaza

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

Re: Updating title tag dynamically

philippeback
Like this:

renderContentOn: html

        html anchor
                onClick: (((html jQuery: 'html head') find: 'title') text: 'NEW');
                with: 'Update Title'.
Reply | Threaded
Open this post in threaded view
|

Re: Updating title tag dynamically

Bob Arning-2
In reply to this post by Murtaza Zaidi
This works:

    html div
        onClick: (JSStream on: 'document.title = "a new title";');
        with: 'hello'.


Cheers,
Bob

On 2/27/14 12:45 PM, Murtaza Zaidi wrote:
Hi,

I needed to update the browser tab text dynamically depending on a click event. I know that I would need to modify the <title> tag of the page but don't know how that could be done using seaside. Any help will be great.

Thanks,
Murtaza


_______________________________________________
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: Updating title tag dynamically

Murtaza Zaidi
Hi Bob,

It doesn't seem to work. The browser tab text remains the same. I'm using an html anchor instead of a div. This is how I've implemented it:
          html anchor
onClick: (Javascript.JSStream on: 'document.title = ', self displayString,';');

Thanks,
Murtaza


On Thu, Feb 27, 2014 at 3:13 PM, Bob Arning <[hidden email]> wrote:
This works:

    html div
        onClick: (JSStream on: 'document.title = "a new title";');
        with: 'hello'.


Cheers,
Bob

On 2/27/14 12:45 PM, Murtaza Zaidi wrote:
Hi,

I needed to update the browser tab text dynamically depending on a click event. I know that I would need to modify the <title> tag of the page but don't know how that could be done using seaside. Any help will be great.

Thanks,
Murtaza


_______________________________________________
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: Updating title tag dynamically

Paul DeBruicker
You need to add some double quotes in there.

e.g.

onClick: (Javascript.JSStream on: 'document.title = "', self displayString,'";');


Murtaza Zaidi wrote
Hi Bob,

It doesn't seem to work. The browser tab text remains the same. I'm using
an html anchor instead of a div. This is how I've implemented it:
          html anchor
onClick: (Javascript.JSStream on: 'document.title = ', self
displayString,';');

Thanks,
Murtaza


On Thu, Feb 27, 2014 at 3:13 PM, Bob Arning <[hidden email]> wrote:

>  This works:
>
>     html div
>         onClick: (JSStream on: 'document.title = "a new title";');
>         with: 'hello'.
>
>
> Cheers,
> Bob
>
>  On 2/27/14 12:45 PM, Murtaza Zaidi wrote:
>
> Hi,
>
>  I needed to update the browser tab text dynamically depending on a click
> event. I know that I would need to modify the <title> tag of the page but
> don't know how that could be done using seaside. Any help will be great.
>
>  Thanks,
> Murtaza
>
>
> _______________________________________________
> seaside mailing [hidden email]://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: Updating title tag dynamically

Bob Arning-2
And the other issue is what follows after the

    html anchor onClick: (blah);

?

In this example:

    v1 := JSStream on: 'document.title = "', self displayString,'";'.
    html anchor
        onClick: v1;
        with: 'v1'.
    html break.
   
    v2 := JSStream on: 'document.title = ', self displayString,';'.
    html anchor
        onClick: v2;
        with: 'v2'.
    html break.
   
    v3 := JSStream on: 'document.title = ', self displayString,';'.
        html anchor
        onClick: v3;
        callback: [];
        with: 'v3'.
    html break.
   
    v4 := JSStream on: 'document.title = "', self displayString,'";'.
        html anchor
        onClick: v4;
        callback: [];
        with: 'v4'.

v1 works.
v2 fails for the missing double-quotes.
v3 and v4 fail since the onClick is pre-empted by the callback:

Cheers,
Bob

On 2/27/14 4:32 PM, Paul DeBruicker wrote:
You need to add some double quotes in there.

e.g.

onClick: (Javascript.JSStream on: 'document.title = "', self
displayString,'";');



Murtaza Zaidi wrote
Hi Bob,

It doesn't seem to work. The browser tab text remains the same. I'm using
an html anchor instead of a div. This is how I've implemented it:
          html anchor
onClick: (Javascript.JSStream on: 'document.title = ', self
displayString,';');

Thanks,
Murtaza


On Thu, Feb 27, 2014 at 3:13 PM, Bob Arning &lt;

      
arning315@

      
&gt; wrote:

 This works:

    html div
        onClick: (JSStream on: 'document.title = "a new title";');
        with: 'hello'.


Cheers,
Bob

 On 2/27/14 12:45 PM, Murtaza Zaidi wrote:

Hi,

 I needed to update the browser tab text dynamically depending on a click
event. I know that I would need to modify the 
<title>
 tag of the page but
don't know how that could be done using seaside. Any help will be great.

 Thanks,
Murtaza


_______________________________________________
seaside mailing 

      
[hidden email]

      
://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




--
View this message in context: http://forum.world.st/Updating-title-tag-dynamically-tp4746804p4746848.html
Sent from the Seaside General mailing list archive at Nabble.com.
_______________________________________________
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: Updating title tag dynamically

Murtaza Zaidi
In reply to this post by Paul DeBruicker
Unfortunately, it still doesn't work. I'm updating the browser tab icon as well but in that case, I have an id to refer to. Is there a way to assign an id attribute to the title tag?

Thanks,
Murtaza


On Thu, Feb 27, 2014 at 4:32 PM, Paul DeBruicker <[hidden email]> wrote:
You need to add some double quotes in there.

e.g.

onClick: (Javascript.JSStream on: 'document.title = "', self
displayString,'";');



Murtaza Zaidi wrote
> Hi Bob,
>
> It doesn't seem to work. The browser tab text remains the same. I'm using
> an html anchor instead of a div. This is how I've implemented it:
>           html anchor
> onClick: (Javascript.JSStream on: 'document.title = ', self
> displayString,';');
>
> Thanks,
> Murtaza
>
>
> On Thu, Feb 27, 2014 at 3:13 PM, Bob Arning &lt;

> arning315@

> &gt; wrote:
>
>>  This works:
>>
>>     html div
>>         onClick: (JSStream on: 'document.title = "a new title";');
>>         with: 'hello'.
>>
>>
>> Cheers,
>> Bob
>>
>>  On 2/27/14 12:45 PM, Murtaza Zaidi wrote:
>>
>> Hi,
>>
>>  I needed to update the browser tab text dynamically depending on a click
>> event. I know that I would need to modify the
> <title>
>  tag of the page but
>> don't know how that could be done using seaside. Any help will be great.
>>
>>  Thanks,
>> Murtaza
>>
>>
>> _______________________________________________
>> seaside mailing

> listseaside@.squeakfoundation

> ://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>>
>>
>> _______________________________________________
>> seaside mailing list
>>

> seaside@.squeakfoundation

>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>>
>
> _______________________________________________
> seaside mailing list

> seaside@.squeakfoundation

> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside





--
View this message in context: http://forum.world.st/Updating-title-tag-dynamically-tp4746804p4746848.html
Sent from the Seaside General mailing list archive at Nabble.com.
_______________________________________________
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: [Pharo-dev] [Seaside] Re: Updating title tag dynamically

Sven Van Caekenberghe-2
In reply to this post by Bob Arning-2

On 27 Feb 2014, at 22:57, [hidden email] wrote:

> Could someone fwd this to the Seaside list (and possibly check my email) as it seems that my posts aren't getting through since a while.
>
> ---
> Like this:
>
> renderContentOn: html
>
>         html anchor
>                 onClick: (((html jQuery: 'html head') find: 'title') text: 'NEW');
>                 with: 'Update Title'.

Nice, but wouldn't (html jQuery: 'html head title') work as well ?

> Phil
>
>
> On Thu, Feb 27, 2014 at 10:51 PM, Bob Arning <[hidden email]> wrote:
> And the other issue is what follows after the
>
>     html anchor onClick: (blah);
>
> ?
>
> In this example:
>
>     v1 := JSStream on: 'document.title = "', self displayString,'";'.
>     html anchor
>         onClick: v1;
>         with: 'v1'.
>     html break.
>    
>     v2 := JSStream on: 'document.title = ', self displayString,';'.
>     html anchor
>         onClick: v2;
>         with: 'v2'.
>     html break.
>    
>     v3 := JSStream on: 'document.title = ', self displayString,';'.
>         html anchor
>         onClick: v3;
>         callback: [];
>         with: 'v3'.
>     html break.
>    
>     v4 := JSStream on: 'document.title = "', self displayString,'";'.
>         html anchor
>         onClick: v4;
>         callback: [];
>         with: 'v4'.
>
> v1 works.
> v2 fails for the missing double-quotes.
> v3 and v4 fail since the onClick is pre-empted by the callback:
>
> Cheers,
> Bob
>
> On 2/27/14 4:32 PM, Paul DeBruicker wrote:
>> You need to add some double quotes in there.
>>
>> e.g.
>>
>> onClick: (Javascript.JSStream on: 'document.title = "', self
>> displayString,'";');
>>
>>
>>
>> Murtaza Zaidi wrote
>>
>>> Hi Bob,
>>>
>>> It doesn't seem to work. The browser tab text remains the same. I'm using
>>> an html anchor instead of a div. This is how I've implemented it:
>>>           html anchor
>>> onClick: (Javascript.JSStream on: 'document.title = ', self
>>> displayString,';');
>>>
>>> Thanks,
>>> Murtaza
>>>
>>>
>>> On Thu, Feb 27, 2014 at 3:13 PM, Bob Arning &lt;
>>>
>>> arning315@
>>>
>>> &gt; wrote:
>>>
>>>
>>>>  This works:
>>>>
>>>>     html div
>>>>         onClick: (JSStream on: 'document.title = "a new title";');
>>>>         with: 'hello'.
>>>>
>>>>
>>>> Cheers,
>>>> Bob
>>>>
>>>>  On 2/27/14 12:45 PM, Murtaza Zaidi wrote:
>>>>
>>>> Hi,
>>>>
>>>>  I needed to update the browser tab text dynamically depending on a click
>>>> event. I know that I would need to modify the
>>>>
>>> <title>
>>>  tag of the page but
>>>
>>>> don't know how that could be done using seaside. Any help will be great.
>>>>
>>>>  Thanks,
>>>> Murtaza
>>>>
>>>>
>>>> _______________________________________________
>>>> seaside mailing
>>>>
>>> listseaside@.squeakfoundation
>>> ://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>> _______________________________________________
>>>> seaside mailing list
>>>>
>>>>
>>> seaside@.squeakfoundation
>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>>
>>>>
>>>>
>>>>
>>> _______________________________________________
>>> seaside mailing list
>>>
>>> seaside@.squeakfoundation
>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>> --
>> View this message in context:
>> http://forum.world.st/Updating-title-tag-dynamically-tp4746804p4746848.html
>>
>> Sent from the Seaside General mailing list archive at Nabble.com.
>> _______________________________________________
>> 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