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

  • PrintDriver
    Reply to Is salary.com et al full of shit?
    PrintDriver
    What are your education and skill levels?

    Remember the salaries listed at salaries.com and even aiga.org are based on respondents to surveys. Quite often you will find with surveys that people...
    Today, 12:49 AM
  • TomMonTom
    Is salary.com et al full of shit?
    TomMonTom
    It's really difficult to price ones ability when offers come in way bellow whatever average there is for the amount of experience anyone seems to have. I'm trying to figure out a good rate is and if any...
    Today, 12:23 AM
  • Saint-Michel
    Reply to Legal size cardstock for business cards
    Saint-Michel
    Alright then, thank you all for your answers
    Yesterday, 10:20 PM
  • <b>
    Comment on Anybody use a Mac Mini?
    <b>
    Right now, at work, I'm using an early 2011 MacBook Pro. It's had no problems at all. I'll likely get a new one early next year, but I'm in no hurry because I don't want to give up the 17-inch display....
    Yesterday, 09:47 PM
  • iyiyi
    Reply to Anybody use a Mac Mini?
    iyiyi
    Overall I haven't really ever had any problems with macs either. Basically just the grpahics card problems I've been talking about. And the 2011 MBP is notorious for them (which is what I have now)....
    Yesterday, 09:40 PM
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. call (212) 389-2000 or email us
                              Working...
                              X