Author Topic: Wikipad: the online calculator keypad anyone can edit  (Read 13009 times)

0 Members and 2 Guests are viewing this topic.

Offline mrmprog

  • LV7 Elite (Next: 700)
  • *******
  • Posts: 559
  • Rating: +35/-1
    • View Profile
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #15 on: September 03, 2011, 08:07:11 pm »
Yes. I really like the look of it

Offline Juju

  • Incredibly sexy mare
  • Coder Of Tomorrow
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 5730
  • Rating: +500/-19
  • Weird programmer
    • View Profile
    • juju2143's shed
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #16 on: September 03, 2011, 08:09:53 pm »
Hell yes Comic Sans. I love Comic Sans~

Remember the day the walrus started to fly...

I finally cleared my sig after 4 years you're happy now?
THEGAME
This signature is ridiculously large you've been warned.

The cute mare that used to be in my avatar is Yuki Kagayaki, you can follow her on Facebook and Tumblr.

Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #17 on: September 03, 2011, 08:21:49 pm »
Still can't edit anything. BTW: could you give me the source when your done so I can do one for casio?
« Last Edit: September 03, 2011, 08:22:05 pm by flyingfisch »



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #18 on: September 03, 2011, 08:59:41 pm »
Still can't edit anything. BTW: could you give me the source when your done so I can do one for casio?
Click on a key to see its info page, then double-click the info to change it to a textbox. As for the source, sure.

EDIT: It requires PHP with DOMDocument. Do you have a server?
« Last Edit: September 03, 2011, 09:01:17 pm by Deep Thought »




Offline Ti-Programmer

  • LV3 Member (Next: 100)
  • ***
  • Posts: 84
  • Rating: +3/-0
  • Whats this? so many features...
    • View Profile
    • Ti-Programmer's website
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #19 on: September 03, 2011, 09:05:11 pm »
Hell yes Comic Sans. I love Comic Sans~
Yes, Comic Sans is awesome. >9000 awesome.
Spoiler For Sig:







Offline XVicarious

  • LV6 Super Member (Next: 500)
  • ******
  • Posts: 485
  • Rating: +45/-28
  • I F**king Love Twisty Puzzles
    • View Profile
    • XVicarious
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #20 on: September 03, 2011, 09:12:45 pm »
I didn't read all of the posts so I don't know if anyone said this, the text seems to go over onto the calculator image.

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #21 on: September 04, 2011, 10:35:12 am »
Yeah, Michael_Lee said that. Just resize your browser.

But then I had an idea, and changed the layout a bit. Text should now wrap around the image :w00t:




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #22 on: September 04, 2011, 11:21:45 am »
@DeepThought

I have an avahost account. I'll be doing the casio version as a sub-directory of my site. And yes, it does support php and DOM.
« Last Edit: September 04, 2011, 11:22:08 am by flyingfisch »



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #23 on: September 04, 2011, 11:40:04 am »
All right, what you need is this:
  • An image of the calculator you want to wiki, with an area map of each of its keys. This was the step that took by far the longest for me
  • conf.xml XML file. This is where all the data is stored. Format it like this:
    <?xml version="1.0" encoding="UTF-8"?>
    <c>
       <k a="KEYVALUE 1" b="KEYVALUE 2" c="KEYVALUE 3" id="NAME OF KEY">
          <e>USE IN THE OS</e>
          <o>USE IN PROGRAMS</o>
       </k>

    ...

    </c>
    You should have one k element for every area (key), in the order they appear in the map
  • log.txt file. The script logs editing events in a file called "log.txt" in the current directory. It doesn't have to have any content; it just has to exist
  • The PHP source. Just add "src.php" to the end of the URL I gave you.
I think that's it. Everything else is just for styles and layout.

EDIT: Oh, and Comic Sans MS has been added.
« Last Edit: September 04, 2011, 11:44:05 am by Deep Thought »




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #24 on: September 04, 2011, 11:53:45 am »
OK, what does an area map do? Is that where you have the links built in to the image? If that is what it is then I know how to do it.



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #25 on: September 04, 2011, 12:04:11 pm »
OK, what does an area map do? Is that where you have the links built in to the image? If that is what it is then I know how to do it.
Exactly that. Make sure the area elements are in the same order as their k elements in the conf.xml file.




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #26 on: September 04, 2011, 12:06:17 pm »
OK, cool. Did you email me or pm me the link cuz i dont have it yet.



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #27 on: September 04, 2011, 12:09:19 pm »
It's the URL of the main app, with "src.php" at the end.




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #28 on: September 04, 2011, 12:19:47 pm »
OK so this is what your talking about:

Code: [Select]
<map id="calc" name="calc">
<area shape="rect" coords="20,182,64,227" href="#" alt=""/>
<area shape="rect" coords="63,182,107,227" href="#" alt=""/>
<area shape="rect" coords="106,182,150,227" href="#" alt=""/>
<area shape="rect" coords="149,182,193,227" href="#" alt=""/>
<area shape="rect" coords="192,182,236,227" href="#" alt=""/>
<area shape="rect" coords="20,239,64,273" href="#" alt=""/>
<area shape="rect" coords="63,239,107,273" href="#" alt=""/>
<area shape="rect" coords="106,239,150,273" href="#" alt=""/>
<area shape="rect" coords="20,272,64,306" href="#" alt=""/>
<area shape="rect" coords="63,272,107,306" href="#" alt=""/>
<area shape="rect" coords="106,272,150,306" href="#" alt=""/>
<area shape="rect" coords="20,305,64,337" href="#" alt=""/>
<area shape="rect" coords="63,305,107,337" href="#" alt=""/>
<area shape="rect" coords="106,305,150,337" href="#" alt=""/>
<area shape="rect" coords="149,305,193,337" href="#" alt=""/>
<area shape="rect" coords="192,305,236,337" href="#" alt=""/>
<area shape="rect" coords="20,336,64,368" href="#" alt=""/>
<area shape="rect" coords="63,336,107,368" href="#" alt=""/>
<area shape="rect" coords="106,336,150,368" href="#" alt=""/>
<area shape="rect" coords="149,336,193,368" href="#" alt=""/>
<area shape="rect" coords="192,336,236,368" href="#" alt=""/>
<area shape="rect" coords="20,367,64,399" href="#" alt=""/>
<area shape="rect" coords="63,367,107,399" href="#" alt=""/>
<area shape="rect" coords="106,367,150,399" href="#" alt=""/>
<area shape="rect" coords="149,367,193,399" href="#" alt=""/>
<area shape="rect" coords="192,367,236,399" href="#" alt=""/>
<area shape="rect" coords="20,398,64,430" href="#" alt=""/>
<area shape="rect" coords="63,398,107,430" href="#" alt=""/>
<area shape="rect" coords="106,398,150,430" href="#" alt=""/>
<area shape="rect" coords="149,398,193,430" href="#" alt=""/>
<area shape="rect" coords="192,398,236,430" href="#" alt=""/>
<area shape="rect" coords="20,429,64,461" href="#" alt=""/>
<area shape="rect" coords="63,429,107,461" href="#" alt=""/>
<area shape="rect" coords="106,429,150,461" href="#" alt=""/>
<area shape="rect" coords="149,429,193,461" href="#" alt=""/>
<area shape="rect" coords="192,429,236,461" href="#" alt=""/>
<area shape="rect" coords="20,460,64,492" href="#" alt=""/>
<area shape="rect" coords="63,460,107,492" href="#" alt=""/>
<area shape="rect" coords="106,460,150,492" href="#" alt=""/>
<area shape="rect" coords="149,460,193,492" href="#" alt=""/>
<area shape="rect" coords="192,460,236,492" href="#" alt=""/>
<area shape="rect" coords="20,491,64,525" href="#" alt=""/>
<area shape="rect" coords="63,491,107,525" href="#" alt=""/>
<area shape="rect" coords="106,491,150,525" href="#" alt=""/>
<area shape="rect" coords="149,491,193,525" href="#" alt=""/>
<area shape="rect" coords="192,491,236,525" href="#" alt=""/>
</map>

It shouldn't be too hard to do that, I think Fireworks has it built in.



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Wikipad: the online calculator keypad anyone can edit
« Reply #29 on: September 04, 2011, 12:20:58 pm »
That's right.

And I didn't know that about Fireworks. I did it by hand, with the help of a script x.x