Ugly construct of spans embedded in a paragraph

2018-03-30 3:37 GMT-03:00 gettimothy <[hidden email]>:

> My problem is this construct:
>
> <p> some text <span> popup info</span> continue the pragraph text </p>

> I can do it, but it is not elegant:

Well, you're not comparing apples with apples, because the required
html construct is more complex than that.

And it is something like this:
<p> some text <span data-tooltip aria-haspopup="true" class="has-tip"
data-disable-hover="false" tabindex="1" title="Fancy word for a
beetle.">popup info</span> continue the paragraph text </p>


Seaside can be very succinct for some cases, and extremely verbose in
others, what you can implement is something like zurbTooltip: aString,
that could do something like

WAGenericTag>>#zurbTooltip: aString

self
beTooltip;
dataTooltip;
ariaHasPopup: true;
dataDisableHover:'false';
title: aString

And then in your code you can do something like.

renderExampleOn: html

html paragraph with:[
html text: 'The '.
html zurbSpan
zurbTooltip:'Fancy word for a beetle.';
with:[html text: 'scarabaeus'].
html text: 'hung quite clear of any branches, and, if allowed to
fall, would have fallen at our feet']

I don't know whether the options in zurbTooltip: are reasonable
defaults, but if they are then the code will be more compact.

Also I don't know if the tooltip can be applied to <span> tags or to
any tag (as in Bootstrap), I assumed the later otherwise you'd have to
implement zurbTooltip: in the proper subclass of WAGenericTag.



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

worker_processes  1;

error_log logs/error.log;

events {

    worker_connections 1024;

}

http {

    include    mime.types;

    upstream database {

       postgres_server 127.0.0.1 dbname=[DATABASENAME] user=[USERNAME] password=[PASSWORD];

    }

    server {

        listen 80;

        server_name [IP ADDRESS];

        location / {

            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;

            default_type text/html;

        }

        location /css {

            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;

            default_type text/css;

            add_header Content-Type: text/css;

        }

        location /js {

            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;

            default_type application/javascript;

            add_header Content-Type: application/javascript;

        }

        location /images {

            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;

            default_type  image/svg+xml;

            add_header Content-Type: image/svg+xml;

        }

        location /debug {

            echo "uri=$uri";

            echo "request_uri=$request_uri";

            echo "name: $arg_name";

        }

        location /SeasideDock {

            proxy_pass http://127.0.0.1:8080;

            include       mime.types;

        }

        location /zurb {

            proxy_pass http://127.0.0.1:8080;

        }

        location /zurbhack {

            proxy_pass http://127.0.0.1:8080;

        }

        location /browse {

            proxy_pass http://127.0.0.1:8080;

        }

        location /config {

            proxy_pass http://127.0.0.1:8080;

        }

    }

}