Author Topic: Specific Tutorials List (Axe)  (Read 69620 times)

0 Members and 1 Guest are viewing this topic.

Offline aeTIos

  • Nonbinary computing specialist
  • LV12 Extreme Poster (Next: 5000)
  • ************
  • Posts: 3915
  • Rating: +184/-32
    • View Profile
    • wank.party
Re: Specific Tutorials List (Axe)
« Reply #45 on: November 21, 2012, 06:35:32 am »
I might write some tutorials too, one time.
I'm not a nerd but I pretend:

Offline Eeems

  • Mr. Dictator
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6266
  • Rating: +318/-36
  • little oof
    • View Profile
    • Eeems
Re: Specific Tutorials List (Axe)
« Reply #46 on: November 21, 2012, 12:03:26 pm »
Ok, I took a look, you can set the width to automatically fill with a style="width:100%;". To automatically resize to the height of the iframe is easy too, I'd just have to write up a little javascript code.
/e

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Specific Tutorials List (Axe)
« Reply #47 on: November 21, 2012, 02:23:39 pm »
Yeah I tried that back then and it would still not resize properly. D: IIRC I didn't use JS because SMF Articles didn't support it.

Offline Eeems

  • Mr. Dictator
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6266
  • Rating: +318/-36
  • little oof
    • View Profile
    • Eeems
Re: Specific Tutorials List (Axe)
« Reply #48 on: November 21, 2012, 02:25:27 pm »
If they support html tags, then they support JavaScript ;)
Well, I just tried using the width, and it fills out perfectly, just need to get the height dynamically done with some JavaScript.

EDIT: And done :)
Code: [Select]
[html]
<iframe id='tutframe' src="tutorialfetch.php?topic=1720" style="width:100%;margin:0;border:0;" name="tutorial" onload="iframeResize();"></iframe>
<script type="text/javascript">
function iframeResize(){
var frame = document.getElementById('tutframe');
frame.height = frame.contentWindow.document.body.scrollHeight;
}
</script>
[/html]

EDIT2: erm, nvm.... it inserts <br/> on newlines ofc. Also, I can't access the document variable.
« Last Edit: November 21, 2012, 02:36:30 pm by Eeems »
/e

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Specific Tutorials List (Axe)
« Reply #49 on: November 21, 2012, 03:13:28 pm »
Well for me it did not work when I was admin. HTML would parse fine between the HTML bbcode tags, but Javascript would not be parsed O.O (I think that was disabled on purpose by Vbgamer45 to avoid security problems)

Maybe someone modified SMF Articles afterward or it was updated?

EDIT: Actually nevermind, SMF Articles does not support HTML at all in the first place. You had to edit the MySQL database directly. An Omni admin (most likely Juju) had modified it back then to allow HTML via the editor, but I never could get any javascript to work from there.
« Last Edit: November 21, 2012, 03:16:37 pm by DJ_O »

Offline Eeems

  • Mr. Dictator
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6266
  • Rating: +318/-36
  • little oof
    • View Profile
    • Eeems
Re: Specific Tutorials List (Axe)
« Reply #50 on: November 21, 2012, 04:14:08 pm »
Your issue with javascript was probably due to the fact that it adds <br/> tags on newlines, even in a <script> tag

anyways, here it is.
Spoiler For Spoiler:
Code: [Select]
[html]
<iframe id='tutframe' src="tutorialfetch.php?topic=<topic number>" style='width:100%;' name="tutorial" frameborder="0" onload="setTimeout(resizeIframe,0)"></iframe>
<script type="text/javascript">function resizeIframe(){var x=(new RegExp("[\\?&]height=([^&#]*)")).exec(document.getElementById('tutframe').contentWindow.location),f=document.getElementById('tutframe');x=(x==null?0:x[1])+10;f.height=x;f.style.height=x;f.scrolling="auto";f.style.margin=0;f.style.border=0;}</script>
[/html]
example of it in action: http://www.omnimaga.org/index.php?action=articles;sa=view;article=42
« Last Edit: May 06, 2015, 03:46:33 pm by Eeems »
/e

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Specific Tutorials List (Axe)
« Reply #51 on: November 22, 2012, 03:32:11 am »
Oh that might be why. And this seems quite nice. :D I really wonder if anything can be done to remove the long spaces at the bottom of the page...

Also you should add "Originally posted by <nickname> on <date>" at the top, since the article date isn't necessarily accurate with the tutorial date, same for the uploader in some cases.

Offline Eeems

  • Mr. Dictator
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6266
  • Rating: +318/-36
  • little oof
    • View Profile
    • Eeems
Re: Specific Tutorials List (Axe)
« Reply #52 on: November 22, 2012, 11:42:37 am »
I'd have to do something to change how you grabbed the post and changed all the links to use _top as the target to get rid of the random characters at the start and the extra spaces at the end. Adding the Originally posted by to the top should be easy though.

EDIT: Done. Added the orignially posted by/on and I also added a link to the topic at the bottom in a better way then was there before :P
« Last Edit: November 22, 2012, 01:12:04 pm by Eeems »
/e

Offline TheCoder1998

  • LV6 Super Member (Next: 500)
  • ******
  • Posts: 434
  • Rating: +20/-2
  • my art is written in code, not in graphite
    • View Profile
    • My website :D
Re: Specific Tutorials List (Axe)
« Reply #53 on: October 18, 2013, 01:40:34 am »
wow these tutorials really help, thanks a lot!
my ticalc acc:

http://www.ticalc.org/archives/files/authors/113/11365.html

Spoiler For The Best Song Ever:


follow me on tumblr :)
www.rickdepizza.tumblr.com

check out my anilist :D
http://anilist.co/animelist/29701/Rickdepizza

Offline shmibs

  • しらす丼
  • Administrator
  • LV11 Super Veteran (Next: 3000)
  • ***********
  • Posts: 2132
  • Rating: +281/-3
  • try to be ok, ok?
    • View Profile
    • shmibbles.me
Re: Specific Tutorials List (Axe)
« Reply #54 on: October 18, 2013, 12:06:58 pm »
i'm glad you found them useful, but please don't bump old topics without adding anything useful and|or particularly relevant to the topic (known as necroposting). it clutters the new posts list and propogates potentially outdated information.

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Specific Tutorials List (Axe)
« Reply #55 on: October 18, 2013, 11:16:01 pm »
On a side note, when the SMF 2.0 upgrade happens and all third party mods are ditched, I think that tutorials that lacks a topic should be moved to topics and the tutorials section should just fetch tutorials directly from posts like the script above. Staff/admins could simply have a Promote to Tutorial button on the forums or something.

Maybe the same thing for news articles (although keeping a sub-forum listing every new would be nice), so that news can also be viewed from more relevant areas and discussion not spread out everywhere (eg HP Prime discussion in news rather than the HP Prime sub-forum)

Offline c4ooo

  • LV5 Advanced (Next: 300)
  • *****
  • Posts: 252
  • Rating: +10/-1
  • The impossible chemical compound.
    • View Profile
Re: Specific Tutorials List (Axe)
« Reply #56 on: March 09, 2015, 04:10:47 pm »
The Pseudo-Huffman Compression by shmibs and the Huffman Compression by Runer112 tutorials are linked to the same page  :P
-German Kuznetsov
The impossible chemical compound.

Offline Eeems

  • Mr. Dictator
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6266
  • Rating: +318/-36
  • little oof
    • View Profile
    • Eeems
Re: Specific Tutorials List (Axe)
« Reply #57 on: May 06, 2015, 03:45:58 pm »
The Pseudo-Huffman Compression by shmibs and the Huffman Compression by Runer112 tutorials are linked to the same page  :P

They link to different posts though. Wait for the page to completely load and it will take you to the correct place.
/e

Offline Siphonic_Sugar

  • LV3 Member (Next: 100)
  • ***
  • Posts: 51
  • Rating: +0/-0
    • View Profile
Re: Specific Tutorials List (Axe)
« Reply #58 on: May 19, 2015, 06:24:00 pm »
It would be helpful if there was a tutorial explaining even more basic things in Axe, because I just can't seem to figure out how to make a simple game.
I'm on Codewalr.us now too, you should check it out.
<a href="https://codewalr.us"><img src="https://codewalr.us/other/cwaffiliate.png" /></a>

Offline Eeems

  • Mr. Dictator
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6266
  • Rating: +318/-36
  • little oof
    • View Profile
    • Eeems
Re: Specific Tutorials List (Axe)
« Reply #59 on: May 19, 2015, 11:59:16 pm »
It would be helpful if there was a tutorial explaining even more basic things in Axe, because I just can't seem to figure out how to make a simple game.
http://z80.education/program-flow-platformer/ this may be helpful for basics on a simple platformer game. It's rather dated though (Axe hadn't been around for long when I wrote it).
/e