Announcement Announcement Module
Collapse
No announcement yet.
link map development Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • StudioMonkey
    Reply to Typography style at illustrator
    StudioMonkey
    First one is easy - rotate + shear. You could do this in InDesign.
    The other two can be done in Illustrator. You can get similar effects with Envelope Distort - either Warp or Mesh - and you don't...
    Today, 11:17 AM
  • Lucifer
    Reply to Need color choice help on logo design...
    Lucifer
    What does this company do?
    Today, 04:52 AM
  • Roth
    Reply to Personal Logo Critique
    Roth
    You're in danger of having too many elements. If you're going to make something of the W being different, make it noticeably different (I assumed the Woodruff was in the W font, and took me a while to...
    Today, 04:46 AM
  • jwood
    Reply to Personal Logo Critique
    jwood
    Thanks for the thoughts and questions. I had several tries with the same font but it always looked too plain. The different fonts seemed to help the logo to stand out but still look professional. I'll...
    Today, 04:31 AM
  • EmberMike
    Reply to The End of Adobe Creative Suite is upon us...Creative Cloud shift
    EmberMike
    Resurrecting an oldie here...

    I've been a CS6 holdout but now I'm at a point where I need to buy After Effects and I can't find a reasonable price on it anywhere. My upgrade to CC may be...
    Today, 03:58 AM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • link map development


    I'm no big time scripter, still a work in progress
    but not looking for a copy/paste either

    have:

    a US map


    need:

    when click on state of user choice -
    - friendly pop screen displayed listing cities/locale

    * alreadycompiling list to be displayed,
    need back-end assistance for action
    it is non-Flash site, pure infrastructure


    attached:

    map of states to get an idea

    Matt - creator

    http://www.coopdesign.net

    mailto:matt@coopdesign.net

  • #2
    any constructive help is appreciated
    thank you

    Matt - creator

    http://www.coopdesign.net

    mailto:matt@coopdesign.net

    Comment


    • #3
      I'm not an expert but you could do it with an image map and Javascript/CSS.

      One way would be to have your 50 <ul> or <div> elements hidden and set to {display: visible} when that particular state is clicked.
      It would be quite a heavy page but I'm not sure how to get round that other than using something server-side to take the click data and generate a new page dynamically. Then you would have a bit of a wait between clicking and seeing the list. You could generate the pop-ups dynamically in Javascript on the Client side, maybe store all the info in a separate javascript file. Ryan or someone might be able to help you.

      By the way, if you can, make the map bigger so that you can squeeze in the State names onto the map (like with NJ etc). Otherwise it's not going to be easy for someone to click DC! Do they click the letters or the map?

      http://www.jackfruitdesign.com/
      Om Namah Shivaya
      Business website: Jackfruit Design
      Personal blog: theSheep.co.uk

      Comment


      • #4
        they click the letters, attached image is not actual map
        that's too conservative
        mine is messy as hell and you wonder if that's cape cod, MA or a skinny geek trying to flex his arm

        still, design PRINCIPLE will be strong.


        I'm kind of lost with the hidden/visible elements (to tell the truth, not great JSer)
        i'm still a genius under study
        but I'll see if I can find some tutorials on it
        I'm almost embarrased to say I'm not fully understanding the <ul> or <div> choices either
        but my stupid ass will be hitting the books

        stupid, not ignorant

        thank you for the encouragement and eye-opening Benjamin
        have a good day

        Matt - creator

        http://www.coopdesign.net

        mailto:matt@coopdesign.net

        Comment


        • #5
          any other suggestions, hints, tips,
          ridicules

          please feel free to send my way

          I LOVE the negative ones a bit more if you let me know why I'm so dumb




          'you dress funny, what's them wierd sacks on the side of your pants?'

          - possible fashion statement down the road: cargo pockets on business suits

          is it dare or flare?

          Matt - creator

          http://www.coopdesign.net

          mailto:matt@coopdesign.net

          Comment


          • #6
            the lists that are to be 'pop'd-up' aren't too lengthy, just text, 2-3KB of info

            I'm thinking to utilize a good spacing/placement method of type hyperlink (MA,SC, etc.)
            placed over a fixed bg image (the map)

            simple _blank target reference added to simple link
            and maybe even prior denote smaller size pop windows but still allow scrolling

            and you got simple, yet effective means

            and I can get started on it, rather than learning a whole new ball game

            put me in coach?
            or
            am I being to stubborn to take a few check swings before entering the batter's box?

            Matt - creator

            http://www.coopdesign.net

            mailto:matt@coopdesign.net

            Comment


            • #7
              I'm a KISS kinda guy

              Keep It Simple Stupid

              Matt - creator

              http://www.coopdesign.net

              mailto:matt@coopdesign.net

              Comment


              • #8
                would using CSS absolute positioning of the text elements be acceptable
                even if I'm worrisome about users not having CSS capability?

                or are they too old school?



                sorry to be adding all these little tidbits here and there
                guess I'm a do-as-I-goer, high-energy


                sorry to put added bandwith admin's
                but, think, add an edit feature to personal topic entries/replies and problem fixed

                Matt - creator

                http://www.coopdesign.net

                mailto:matt@coopdesign.net

                Comment


                • #9
                  Matt,

                  I would suggest that you add an image map that will allow you to send the state back to your server side script and then generate a new page. Yeah its a server hit but it will be less of a headache in the long run. Its also more efficient as the pages will be much smaller.

                  The other option is a little more complicated but very doable once you understand the concept. You can have a javascript procedure open a new window which would call a server side script that will fill in the <div> of your choice with the information that you requested. Basically its like running a procedure or task on the server without refreshing the page but you get new data inserted into your existing web page. Its similiar to when you select, for example, country and the next drop down suddenly fills with all the state names...

                  Either way the client side image map is the way to go. Just remember to make the small state NAMES clickable as well as their state outline.

                  I usually do the image maps in fireworks and scale the image down after I'm done.

                  I can show you samples of all the above if you'd like.

                  - Bill

                  Comment


                  • #10
                    go gates!

                    i'm an IE looker

                    not an IE hooker

                    sorry guys

                    MS rules! Buy windows now!
                    (shameless propaghanda plug-in)

                    Matt - creator

                    http://www.coopdesign.net

                    mailto:matt@coopdesign.net

                    Comment


                    • #11
                      matt,

                      firstly - haha. you post the way i think. ha!

                      secondly - there usually is an edit feature. allen's been tinkering with the forum since, well, since i joined, so i should imagine it's just a passing thing.

                      thirdly - there's actually a tutorial in dreamweaver mx with that exact same problem. well, maybe not exact, because instead of popups, you get different coloured states, but still...if you don't already have dreamweaver, try downloading a trial version of mx and looking at the tutorials!

                      oh, and PLEASE don't fuss if you don't like dw. i don't either, but i like it more than thinking about code, and it's got the design/code feature that'll help you understand what you're actually doing - so you can cut and paste!

                      luck!

                      I want to lie, Shipwrecked and comotoase drinking fresh mango juice,
                      Goldfish shoals nibbling at my toes, fun, fun, fun, in the sun, sun, sun...

                      Comment


                      • #12
                        I have dreams but when I wake, I'm a creator
                        not a weaver
                        dreamweaver is plug and chug, no self-taught lesson
                        or feel good emotion

                        just let me place these where I want and let computer do work

                        I like telling CPU what to do



                        now <deltree> you biaotch
                        {cracks whip over monitors ass}

                        nerd ? of day:
                        do monitors have ass?

                        Matt - creator

                        http://www.coopdesign.net

                        mailto:matt@coopdesign.net

                        Comment


                        • #13
                          whatever you say: i can do that map roll-over thing already.

                          i think most monitors do have an ass, but it's mostly the person staring at them.

                          good luck with the rest of the project - post it when you're done!



                          I want to lie, Shipwrecked and comotoase drinking fresh mango juice,
                          Goldfish shoals nibbling at my toes, fun, fun, fun, in the sun, sun, sun...

                          Comment


                          • #14
                            Matt,


                            Here is what an image map looks like in HTML:

                            <html>
                            <head>
                            <title>50states</title>
                            <meta http-equiv='Content-Type' content='text/html;'>
                            <!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Sat Jul 24 07:26:23 GMT-0700 (Pacific Daylight Time) 2004-->
                            </head>
                            [b]
                            <img name='n50states' src='50states.gif' width='487' height='341' border='0' usemap='#m_50states' alt=''><map name='m_50states'>
                            <area shape='poly' coords='45,98,94,110,80,178,76,178,74,186,38,130' href='map.php?state=nv' title='Nevada' alt='Nevada' >
                            </map>
                            </body>
                            </html>


                            The relevant part is this:

                            <img name='n50states' src='50states.gif' width='487' height='341' border='0' usemap='#m_50states' alt=''><map name='m_50states'>
                            <area shape='poly' coords='45,98,94,110,80,178,76,178,74,186,38,130' href='map.php?state=nv' title='Nevada' alt='Nevada' >
                            </map>

                            Since I live in Nevada I thought I'd do that state. All of the coords are pixel positions on the map. When you hover over Nevada you'll the the state name. If you click on Nevada it will load up map.php?state=nv

                            Well so much for image maps....

                            Comment


                            • #15
                              no need to get testy uncle
                              didn't think you'd get sour
                              don't be a sore loser
                              just pull out your sword and yell touche'

                              axoi, you the man
                              thank you for input

                              but lost with php and <area shape='poly'? coords=??? ??? big ??? numbers???
                              works nice but all those numbers in coords alone is Charlie Brown mom mumbo jumbo
                              wah-wah-womp

                              further explaination please?

                              Matt - creator

                              http://www.coopdesign.net

                              mailto:matt@coopdesign.net

                              Comment

                              Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc.
                              Working...
                              X