Community discussion forum

Back to discussion

How to create this

Last post was 30 Mar 2005 at 16:45
Tags: .net, css Derby, United Kingdom
  • 3 years ago

    I need help


    I want to create this:


    http://www.bbconsult.co.uk/images/index_quotes.gif


    Nowe I have tried to use Flash but cannot get on with it. Any ideas on an easier application to do this?


    Cheers



    Won't allow to insert this as a image for some reason.

    Report abuse
  • Advertisement

    Simply the fastest line-level profiler for .NET ever

    “The low overhead means it has minimal impact on the execution of my program”
    Mark Everest, Development Team Leader, Renault F1 Team Ltd.

    Try out the new ANTS Profiler 4 for yourself. Download your 14-day trial now

  • 3 years ago

    I guess flash would be the easiest method to make this (and the lightest as its all vectored and the size is small)


    you dont really have to use Flash Flash to make it, try smome alternatives like SWiSH which makes things alot easier to work with flash


    http://www.swishzone.com/index.php?area=products&product=max


    there are lots of effects (some you see on that gif) which will be quick to implement

    Report abuse
  • 3 years ago

    Hi ukmedia


    this is easy to do in SVG. use SVG [1].


    the installation base of svg is growing rapidly, now that opera supports native SVG [2].
    Mozilla/firefox native support will also be switch on by default this year [3].
    Konquror has an own implementation which is expected to move over to Safari [4].
    allmost all modern mobile phones support it[5].


    so there is no reason to use flash for simple things like this.
    you can code it by hand or use an editor like beatwaremobil designer.


    [1] http://www.w3.org/Graphics/SVG/
    [2] http://www.opera.com/pressreleases/en/2005/03/16/
    [3] http://www.mozilla.org/projects/svg/
    [4] http://svg.kde.org/
    [5] http://svg.org/special/svg_phones
    [6] http://www.beatware.com/products/md.html


    p.s.:i think flash is not a good idea here since flash does not know text.
    with svg however you are able to create a multi lingual version of that banner.
    the text is indexable and searchable. plus you can use the exact same version for mobiles,
    since it scales.



    use SVG and have fun
    bernd






    Report abuse
  • 3 years ago

    i was just bored, so i recreated this banner in SVG.


    http://www.treebuilder.de/svg/banner.svg
    http://www.treebuilder.de/svg/banner.svgz


    the ziped version (svgz) has only 691 bytes.
    have fun
    bernd

    Report abuse
  • 3 years ago

    ah yes quite true... SVG is quite cool... screw flash(haha) follow bernd


    Report abuse
  • 3 years ago

    as we are at it, today i was happy to find google indexing SVG files.
    so SVGs are not only indexable, but they do get indexed now.


    If we could possibly see IE7 implementing SVG, that would be so cool.
    i know that  MS does have an own implementation, which is used in MS Visio.


    does anybody see a way to convince MS to include that instead of , or additionaly to, VML ?

    Report abuse
  • 3 years ago

    I have used SVG in one of my .NET web apps. My shop is all IE 6 and it automatically prompts to install the Adobe SVG plugin which installs almost instantly and after that all is fine. SVG is a standard and I would say it's safe to use for a site likly to be visited by different browsers.

    Report abuse
  • 3 years ago

    I have not used SVG before on any of my sites. If you have to download a plugin for users to view my site I would rather leave this as I myself hate plugins from the web.

    Report abuse
  • 3 years ago

    HI
    hollystyles:
    is that project, where you use SVG, online ? if yes would you post a link,please?
    ukmedia:
    as stated in a previous post Mozilla, Opera, Konquror ( Safari ?) do have their own
    native implementation, which means you dont have to download a plugin.( thats why i wish
    MS would also implement it in IE7, i would be really upset if they dont, since
    they do have some kind of svg implementation in MS Viso.)
    beside that there are some Java SVG Viewers which you could use as an applet in your page,  for example
    http://www.tinyline.com/
    so no plugin required.(look at the examples on that side with a browser without svg support)


    cheers
    bernd

    Report abuse
  • 3 years ago

    Ok, wht about an animated gif then. I created this one in Fireworks MX.


    http://www.gadgitbox.pwp.blueyonder.co.uk/anim_banner1.gif


    bernd,


    Sorry, it's on a private intranet. It's a database driven bargraph with animation, using ASP.NET and VB.NET to generate SVG xml on the fly. Unfortunately I don't have a public .NET host to showcase it right now. I could maybe do a 'save as' on the generated page and ftp that up yo my webspace hmmm...I'll get back..

    Report abuse
  • 3 years ago

    thats also ok besides that its 35 times larger than the svg, and is not scalable.

    Report abuse
  • 3 years ago

    Bernd,


    here's the link:
    http://www.gadgitbox.pwp.blueyonder.co.uk/svg.htm


    Firefox prompts me to install plugin, but so far singularly fails to do it ! DOH.


    Opera needed me to copy a dll and .zip from the Adobe svg  installation into it's plugin folder, yuck.


    IE6 just put up a box saying something like 'Do you want to install Adobe blah..." said yes, few seconds later.. bosh a graph!


    Report abuse
  • 3 years ago

    >>Firefox prompts me to install plugin, but so far singularly fails to do it ! DOH


    yes thats a known problem with ASV3


    to use ASV in Firefox, download ASV6 beta
    http://www.adobe.com/svg/viewer/install/beta.html


    and then folow the instructions on this page:
    http://plugindoc.mozdev.org/windows1.html#AdobeSVG


    >>Opera needed me to copy a dll and .zip from the Adobe svg  installation into it's plugin folder, yuck


    you wont need a plug in if you download Opera 8.0 beta3


    p.s.: i couldn view the SVG correctly
    due to two problems with your file
    1. you send the file as "text/plain" wheras it should be send as "image/svg+xml"
    2. in the outermost svg element there is the namespace declaration missing.
    <svg xmlns="http://www.w3.org/2000/svg">




         



    Report abuse
  • 3 years ago

    Quote:
    p.s.: i couldn view the SVG correctly
    due to two problems with your file
    1. you send the file as "text/plain" wheras it should be send as "image/svg+xml"
    2. in the outermost svg element there is the namespace declaration missing.
    <svg xmlns="http://www.w3.org/2000/svg">



    Er.. I just followed instructions here:


    http://www.w3schools.com/svg/svg_structure.asp


    The SVG is an XML document, embeded in an XHTML document. So it is text, embedded in object tags that do specifiy "image/svg+xml"


    I did find discrepancy in the DOCTYPE element at W3C on one page:
    http://www.w3schools.com/svg/svg_structure.asp


    They show this:

    Code:
    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">


    And on the next page:
    http://www.w3schools.com/svg/svg_rect.asp


    it's changed to this:

    Code:
    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">






    Report abuse
  • 3 years ago

    >The SVG is an XML document, embeded in an XHTML document. So it is text, embedded in object tags that do
    >specifiy "image/svg+xml"
    correct but you also have to make sure that the server is sending the right mimetype !



    you can securly drop the Doctype declaration as there are no validating SVG parsers out there.
    what is more important is the namespace (xmlsn=xml namespace). a minimal document would look like this:


    <?xml version="1.0" standalone="no"?>
    <svg xmlns="http://www.w3.org/2000/svg">
    </svg>

    Report abuse
  • 3 years ago

    >>correct but you also have to make sure that the server is sending the right mimetype !
    The server belongs to my ISP, how can I check what it's serving?


    Ok I have ditched the DOCTYPE, and added the namespace.


    I put the version 3.0  dll and zip in firefox's plugins dir, this stopped the plugin wizard but I just got blank page.


    I installed Adobe SVG 6.0 but this broke IE.


    So I copied the version 6.0 dll and zip to firefox and ditched the version 3 files, then uninstalled Adobe SVG 6.0 and re-installed version 3.0.


    I can browse my page fine in IE and Opera, but Firefox still just shows a blank white page.






    Report abuse
  • 3 years ago

    hi hollystyles


    >>The server belongs to my ISP, how can I check what it's serving?


    you can check with this with this simple script


    Set xml = CreateObject("msxml2.xmlhttp")
    xml.open "GET", "http://www.gadgitbox.pwp.blueyonder.co.uk/SVGViewSource001.svg", False
    xml.send ""
    msgbox(xml.getresponseheader("content-type"))


    if its an apache server, you can add a .htaccess file to your root folder containing the lines


    AddType image/svg+xml svg svgz
    AddEncoding x-gzip svgz


    concerning ASV6 well it works fine with IE6 and firefox here...


    you might be interrested in the latest mozilla with native SVG  support
    it can be downloaded here:
    ftp://ftp.mozilla.org/pub/mozilla.org/mozilla/nightly/contrib/latest-trunk/
    just grab the file mozilla-win32-svg-GDI.zip


    if you run that build for the first time, you have to enable svg first. to do so,
    1. run mozilla
    2. type about:config in the addressfield of the browser
    3.in the appearing searchfield type svg
    4.double click on the the variable appearing to set it to true


    more info can be found here:
    http://www.mozilla.org/projects/svg/


    hth
    bernd


    Report abuse
  • 3 years ago

    Bernd,


    Ok I have grabbed mozilla-win32-svg-GDI.zip


    I think i need some sort of install install script or bat that puts the built files where they need to be, but I'm struggling to see where I get it and how to run it. Can you point me in the right direction ?


    Report abuse
  • 3 years ago

    no, you dont need an installer, just unzip, then go to the folder that contains the unziped files.
    there is a file called mozilla.exe in the /bin folder . just doubleclick that file.

    Report abuse
  • 3 years ago

    Bernd,


    Ok sorry I lied, I downloaded FIREFOX-win32-svg-GDI.zip


    Anyway there's a firefox.exe so I double clicked that, it opened a gecko browser Did the about:config thing and set svg enabled to true. Opened firefox from my regular shortcut and did about:config and the setting showed true there as well.


    I created a .htacces file in the root of my webspace (where my svg document also resides) with the two lines you specified:


    AddType image/svg+xml svg svgz
    AddEncoding x-gzip svgz


    So now when browsing http://www.gadgitbox.pwp.blueyonder.co.uk/svg.htm I get an embeded object with scroll bars, but still the text of my svg document and not the image.


    So I guess I'm still having trouble with content type ?

    Report abuse
  • 3 years ago

    hi hollystyles


    well yes seems to be a problem with your ISP. you should contact them, and ask them to add the correct mimetype for svg.
    as your server is still sending  text/plain . could be that its not an apache server, or they switch of that feature.
    are svg files loaded localy from hardrive being displyed correctly ?


    p.s.:if you use the firefox build, be carefull, if there is allready a firefox without  native svg running, and you click
    the firefox.exe in that bin folder, another instance of ff without svg support will be loaded.


    cheers
    bernd

    Report abuse

Post a reply

Enter your message below

Sign in or Join us (it's free).

Ask a question

Related discussion

Related articles

Quick links

Recent activity

Languages

Web Development

Frameworks & Architecture

Other major sections