OK

you have here a little example where the SVG's will appear on a new browser tab OR on new browser window OR inside tha page.

code from HTML file is pretty easy to modify. Play with the "target" option for the href.

Note : you don't have to embed SVG images on your pages - Just link your svg's on page and they will open where you want aka -> target= _blank / _self / _top

2008/9/19 Tena Sakai <tsakai@...2019...>

Hi Sorin,

I am happy with what I discovered, albeit via big
meandering.  I have no more issues.  Here's the
"big picture" as you asked.

I have an svg file I created via Inkscape, call it
SampleFile.svg.  And using a sample given by

I created a webpage:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<?xml version="1.0"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>SVG Included with <object> tag in an XHTML File</title>
  </head>
  <body>

   <h2>s o m e   h e a d i n g</h2>

   <object type="image/svg+xml" data="SampleFile.svg">
    Browser does not support SVG files!
   </object>

  </body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

which works fine.  My question was how to make a link
(ie., href) thereby users can click the link and get
my file displayed.  Ultimately, I have 46 files I want
to display, but I want any user to pick ones they want
via a bunch of hrefs.  That was/is what I am after.

I didn't/don't intend to create a web page via Inkscape.
I think that's what Nicu is doing.  By looking at the
example above, I made things overly difficult.  What I
am now doing is to have the filename at the right side
of the equal sign of href specification and it works simply
and elegantly (so long as I use firefox v3.01, which is
not a problem for me).

Thanks for your helping hand.  I appreciate it.

Tena




-----Original Message-----
From: SorinN [mailto:nemes.sorin@...400...]
Sent: Thu 9/18/2008 3:40 PM
To: Tena Sakai
Subject: Re: [Inkscape-devel] web page to show svg file

I can help you more but ..I can't get the big picture ...U want a SVG
website designed on Inkscape ?.
hmm, interesting - why you don't wanna HTML tags? and a normal ( HTML )
website - where you can put as many images ( or SVG or Flash files ) as you
want ?

Don't try to generate HTML from Inkscape ( as I know ..this feature is not
planned very soon ), and also this is a nonsense.

Do your graphics on Inkscape, save your work as JPG, then use Gimp to cut
your graphics on pieces, then assemble pieces with an HTML editor eg.
Kompozer / Seamonkey / Dreamweaver / Namo Wen Editor / Microsoft Expression
Web.

I use first 3 editors because I use 98% of my PC time Ubuntu and only 2% of
time ...XP for different Corel Draw conversions.

My last 2 websites ( both are not finished yet ) are done in Inkscape - all
graphics ( ...less photos ofcourse ). Then I use Dreamweaver to put images
on tables. The result = a sum of webpages linked each other by ...links;).


Now the general idea is to tell us what are you need specifically then we
can help you in a more practical an concise way.

..............
Type, Role, Arcrole, Title, Show, Actuate -> they are SVG specific rules -
no need to know them to make webpages
.............

That is, I'll wait for your description ( if is not such a big secret
ofcourse ;)).

For NICU

Nicu, tu esti in echipa de dezvoltatori Inkscape ?

2008/9/18 Tena Sakai <tsakai@...2019...>

>  Hi Sorin,
>
> Thank you for your help, but I am not getting it.
>
> > in first form ( Href: ) enter the web address
> > eg. http://www.google.com
>
> By "http://www.google.com" what you mean is the actual
> html file?  Ie., something like http://blabla.bla.com/index.html.
> What I am asking is what that html looks like.  What tags go into
> it?  Can I get Inkscape to create it?  Can I use editor to create
> one?  Things like that.
>
> > then go to second form (Target:) -and choose from
> > the possible states:
> > _blank ...
> > _self ...
> > _top ...
>
> Do you mean each of them defines how the browser behaves in response
> to the user's clicking the href anchor?  Again, my fundamental need
> is to generate the html file above, for which I have no clue.
>
> BTW, what are the rest of fields of the link properties?  Type,
> Role, Arcrole, Title, Show, Actuate?  Would you mind pointing out
> where they are documented?  I just bought the Inkscape book, but
> I haven't located it.  Maybe they are defined by WC3 folks?
>
> Anyways, I feel I am blinded and appreciate a bit of guidance.
>
> Thank you.
>
> Tena Sakai
> tsakai@...2019...
>
>
> -----Original Message-----
> From: SorinN [mailto:nemes.sorin@...400... <nemes.sorin@...400...>]
> Sent: Wed 9/17/2008 12:07 PM
> To: Tena Sakai
> Subject: Re: [Inkscape-devel] web page to show svg file
>
> I made a screenshoot for you.
>
> Steps :
> click on text you wish to make link > after text is active, right click,
> select
> Create Link > right click again on your text and select Link Properties >
> in
> first form ( Href: ) enter the web address eg. http://www.google.com >
> then
> go to second form (Target:) -and choose from the possible states :
>
> _blank ( link will be opened on the new tab in web navigator )
> _self ( link will be opened in actual tab of web browser )
> _top ( in case you the website use frames - link will be opened in place of
> the parent of all frames ) .
>
> I hope it was pretty clear.
>
> Good Luck,
> Sorin
>
> 2008/9/17 Tena Sakai <tsakai@...2019...>
>
> >  Hi Nicu,
> >
> > Thanks for your reply.  I appreciate it.
> >
> > > Select an object from your drawing, right click, use "Create Link",
> > > right click again, use "Link Properties" and type the desired URL.
> >
> > Even though I am able to follow your instruction,
> > I fail to understand what the corresponding url
> > should look like.  Would you mind giving me a
> > small example?
> >
> > Thanks in advance.
> >
> > Tena Sakai
> > tsakai@...2019...
> >
> >
> > -----Original Message-----
> > From: inkscape-devel-bounces@lists.sourceforge.net on behalf of Nicu
> > Buculei
> > Sent: Wed 9/17/2008 2:09 AM
> > To: inkscape-devel@lists.sourceforge.net
> > Subject: Re: [Inkscape-devel] web page to show svg file
> >
> > Tena Sakai wrote:
> > > I hope I am posting to the right place.  If not, please
> > > advise where I should post.
> > >
> > > I have a web page which I got from
> > >   http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html
> > > The first example given there is what I took.  The html file
> > > looks like (I have modified it so very slightly, but it works
> > > as expected):
> > [...]
> > > The data file SampleFile.svg is made by inkscape and what I am
> > > interested in doing now is to make a hyperlink out of the object
> > > tag.
> >
> > I am not sure about a link in the OBJECT tag, but you can use the next
> > best thing: place the link *inside* the SVG (however, search engines may
> > ignore it).
> > Select an object from your drawing, right click, use "Create Link",
> > right click again, use "Link Properties" and type the desired URL.
> >
> > --
> > nicu :: http://nicubunu.ro :: http://nicubunu.blogspot.com
> > Open Clip Art Library: http://www.openclipart.org
> > my cool Fedora wallpapers: http://fedora.nicubunu.ro/wallpapers/
> > my clipart collection: http://clipart.nicubunu.ro/
> >
> > -------------------------------------------------------------------------
> > This SF.Net email is sponsored by the Moblin Your Move Developer's
> > challenge
> > Build the coolest Linux based applications with Moblin SDK & win great
> > prizes
> > Grand prize is a trip for two to an Open Source event anywhere in the
> world
> > http://moblin-contest.org/redirect.php?banner_id=100&url=/
> > _______________________________________________
> > Inkscape-devel mailing list
> > Inkscape-devel@lists.sourceforge.net
> > https://lists.sourceforge.net/lists/listinfo/inkscape-devel
> >
> >
> > -------------------------------------------------------------------------
> > This SF.Net email is sponsored by the Moblin Your Move Developer's
> > challenge
> > Build the coolest Linux based applications with Moblin SDK & win great
> > prizes
> > Grand prize is a trip for two to an Open Source event anywhere in the
> world
> > http://moblin-contest.org/redirect.php?banner_id=100&url=/
> > _______________________________________________
> > Inkscape-devel mailing list
> > Inkscape-devel@lists.sourceforge.net
> > https://lists.sourceforge.net/lists/listinfo/inkscape-devel
> >
> >
>
>
> --
> Nemes Ioan Sorin
>
>


--
Nemes Ioan Sorin




--
Nemes Ioan Sorin