Test

GMSuerte's picture
Testing

GMSuerte's picture

If I am a poodle, then you

If I am a poodle, then you are a noodle.

The current time is 1:43PM on 10/4/2014. The time shown is 1:24PM on 10/4/2014. The current offset is thus approximately 19 minutes.
Hum's picture

Hello, I am a comment.

Hello, I am a comment.
GMSuerte's picture

(No subject)

Eye
GMSuerte's picture

I am a doodle if you are a

I am a doodle if you are a noodle.
GMSuerte's picture

Reply, reply, reply.

Reply, reply, reply.
littlesinner's picture

8------ )

8------ )
AlisonRobin's picture

Holy crap. How did you get

Holy crap.
How did you get forms and a button into the thread?
My mind is blown here, could you walk me through it?
GMSuerte's picture

Oh my gosh, new visitors! How

Oh my gosh, new visitors! How exciting!

AlisonRobin wrote:
Holy crap.
How did you get forms and a button into the thread?
My mind is blown here, could you walk me through it?

All you have to do is use the corresponding HTML elements:

<form>
  Sample input <input type="text" />
  <input type="submit" />
</form>

Of course, you'll probably want to put it all into one line (cuz of the way these blogs mess with the formatting) and do something like this:

<form> Sample input <input type="text" /> <input type="submit" /> </form>

This will generate:

Sample input Sample submit

I personally used list tags to organize the input elements, but you can use <br> or CSS or even just the return key or whatever to format it how you want. Also, more officially speaking, you're supposed to use the <fieldset> tag to indicate that certain input elements are related. So say we have:

<form>
  <fieldset>
    I am inside a form's fieldset!
    <ul>
      <li>Input1 <input type="text" /></li>
      <li>Input2 <input type="text" /></li>
    </ul>
    <input type="submit" />
  </fieldset>
</form>

Our new output is:

I am inside a form's fieldset!
  • Input1
  • Input2

Hopefully I'm not going too fast. You can play around with the value attribute if you wish to change what's written in the input things by default. Use the placeholder attribute to make it have that ghosty effect (I don't know how to describe it). If you want that funny little thing written into the border you use the <legend> tag:

<form>
  <fieldset>
    <legend> I AM LEGEND! </legend>
    I am inside a form's fieldset!
    <ul>
      <li>Input1 <input type="text" value="Sample text" /></li>
      <li>Input2 <input type="text" placeholder="I am a ghost!" /></li>
    </ul>
    <input type="submit" value="Submit Me!"/>
  </fieldset>
</form>
I AM LEGEND! I am inside a form's fieldset!
  • Input1
  • Input2

This took quite a while to write, so that's all I feel like doing for now. If you want the form to actually submit stuff, I can write about that later, I guess. But it's more complicated and requires more effort.

AlisonRobin's picture

I follow you. Thanks for

I follow you. Thanks for taking the time to pull that apart for me. I've got a lot of thinking and reading up to do now to see what I can do with this. Laughing out loud

I ask mostly because I've been trying to find ways to integrate more javascript into the site because I've got enough HTML and CSS down that I'm proficient with those for design stuff--but not the more technical/functional things like forms since I never realized that those were even possible to use on this site. I guess I just assumed they would just show up as text like script tags do.

But, now I'm thinking that there would be a lot of ways to use forms to let users interact with pages, eg selecting a section you want to read from a drop down menu or something. Lots of possibilities!
GMSuerte's picture

You is welcome. :3 Oh, I

You is welcome. :3

Oh, I see. I understand. It's so annoying that the script tags are disabled; I don't like defining and using every JavaScript command through event attributes.

Yeah, I love the things you can do with forms. :3 After I learn more PHP I plan to start using forms and whatnot more correctly.

AlisonRobin's picture

Quote:I don't like defining

Quote:
I don't like defining and using every JavaScript command through event attributes.
Me either but haven't been able to get it to work any other way. Sad I can't get onload to work as an event either, which is further limiting. So far most of us are just at the point where we're using JS to change property values in style attributes for clicking / hovering and stuff.
GMSuerte's picture

Whaaa? I can get onload to

Whaaa? I can get onload to work just fine. In fact, that attribute is my primary method of implementing JavaScript on this site.

AlisonRobin's picture

Then I'm doing something

Then I'm doing something wrong...
back to my test blog to check on that

Edit: Hope you don't mind me looking into your page source here to see what you're doing. You made a new body tag (I hadn't tried that) in the first post with no inner HTML and it looks like you're using that to affect the comments but my JS is not advanced enough to take apart what it's doing.

BUT now that I know I can use onload, this opens up a lot of possibilities, thank you! You are super helpful and you have no idea how much I appreciate this.
GMSuerte's picture

You're welcome! Sorry I

You're welcome! Sorry I didn't outright say what I do. I forgot to. >.> Anyway, good luck with your coding! Smiling

Mjrn's picture

Oh hot reservoir, This is my

Oh hot reservoir,
This is my jelly.
Account previously Mjrn, returned to Veedeer.

i'm just going to track this

i'm just going to track this bc this looks super cool.
GMSuerte's picture

Thanks!

Thanks!

Don't mind me, this is

Don't mind me, this is totally coo'.
GMSuerte's picture

If I had a noodle, I would

If I had a noodle, I would knowdle that a doodle is a pictural.

I wonder how do you do that.

I wonder how do you do that. Totally genial.
[[I hope it's all right that I step in here now that the access is denided? XD]]
GMSuerte's picture

Testing out the comments, so

Testing out the comments, so this may not come out correctly.

Um, one way to do it is to do (if I'm not making any mistakes):

<body onload="document.getElementsByTagName('h2')[4].innerHTML = 'Access denied'; document.getElementsByClassName('node')[0].parentNode.innerHTML = 'You are not authorized to access this page.';"></body>

With this method, you just find the corresponding elements using JavaScript and replace their content. I forgot what I was doing specifically at the time you commented, though. None of my scripts are ready to be released yet, so there is little support for them right now.

AlisonRobin's picture

I was wondering about the

I was wondering about the access denied as well and how you were doing it. I thought maybe you'd found some way to make it think I was logged out or something (and I totally fell for it and thought there was something wrong with the site) but the manual change of the title and node content is still good. It's a great practical joke.
GMSuerte's picture

Thanks&hellip;? I'll take

Thanks…? I'll take that as a compliment. I have a script that is more complete (and less of a practical joke), but it's kind of sloppy and I don't like sloppy code. Plus, I'm not quite sure that the timing is quite right for me to be releasing stuff right now.

AlisonRobin's picture

It was meant as a compliment.

It was meant as a compliment. I liked it a lot.

Outside of a joke I imagine it's very useful to have up when editing secretive stuff.
GMSuerte's picture

Oh haha. I read your comment

Oh haha. I read your comment again and it made more sense that way the second time. But yes, a sort of "private" type of blog was what I was going for in my script.

GMSuerte's picture

How many times do I have to

How many times do I have to write this effing thing?
GMSuerte's picture

Yeah, I don't think so.

Yeah, I don't think so.
GMSuerte's picture

Is this happening at the

Is this happening at the proper time?

Monday, January 19, 2015 - 4:14pm
GMSuerte's picture

Woot pls.

Woot pls.
GMSuerte's picture

Another test.

Another test.
GMSuerte's picture

I am testing this thing.

I am testing this thing.
GMSuerte's picture

Now we're cooking with fire.

Now we're cooking with fire.
GMSuerte's picture

Hi there. I am the

Hi there. I am the personification of chocolate.
GMSuerte's picture

Chocolate with some docolate

Chocolate with some docolate on top.
GMSuerte's picture

Too many poppies.

Too many poppies.
GMSuerte's picture

Edit!!!

Edit!!!
GMSuerte's picture

I am like a chocolate

I am like a chocolate beehive.
GMSuerte's picture

Are anything missing?

Are anything missing?
GMSuerte's picture

Testing, testing, one, two,

Testing, testing, one, two, five hundred.
GMSuerte's picture

Woot pls2.

Woot pls2.
Vala 's picture

Are you real, or a robot ...

Are you real, or a robot ... I will sit here...And wait ...To see more...
" ~ Lady in Red ~ "

♥ ♥

I hope you don't mind me

I hope you don't mind me asking this but are you able to hide and edit all the comments? I believe it would be really useful if you wouldn't mind sharing that secret.
GMSuerte's picture

Vala wrote:Are you real, or a

Vala wrote:
Are you real, or a robot ... I will sit here...And wait ...To see more...

Hello there. :3 I'm real, I think.

Jennie wrote:
I hope you don't mind me asking this but are you able to hide and edit all the comments? I believe it would be really useful if you wouldn't mind sharing that secret.

I don't mind at all, but under what capacity/contexts, exactly, are you asking? Unplugged and Alison released the whole Comment Visibility Toggle thing a while back. That blog post has code for links that act as buttons which allow the user to switch on/off the visibility of comments. If you just want the comments hidden by default (and no toggling), you can just use CSS: <style>#comments { display: none; }</style>.

I can't edit another person's comment, no. The comments are stored wherever on a server, and I don't have access to them. The only way, I think, would be to alter how the comment appears, but in my opinion that would not be a true solution and could possibly be considered immoral depending on what's done and how it's done.

If I'm not anywhere in the ballpark of answering your question, feel free to leave more details of what you would like to do.

Thank you. Yeah, I know, I

Thank you.
Yeah, I know, I haven't been looking into it but they most likely are stored and appear as they are stored in the source code or if one were to use an outdated browser. I do not intend to use this to do any bad stuff, but being able to hide few certain comments would be awesome. I have had some people comment on a blog I hadn't wanted to be commented on and I think it will be pretty alright with them if I'll hide their comments. I'm not sure but I saw that some comments here have been hidden by you? Just wondering if you know how to do that.
GMSuerte's picture

#comment-1094873 + .comment

Well, I believe most of the content is kept separate from each other. When someone comes to a page, the server dynamically generates the client's source code using PHP. That's why each time you reload the page, there is a new list of online users and such (and possibly why it takes so long for certain things [e.g., the search function] to complete). How it could appear in the server's source code could be something like:


<?php
echo "<div id='comments'>";
for (
$i 0$i $comments.length; ++$i) {
  echo 
$comments[i].html;
}
echo 
"</div>";
?>
But what you see in the page source is instead:
<div id="comments">
<a id="comment-1094873"></a>
<div class="comment comment-published odd">

  <div class="clear-block">
      <span class="submitted">July 24, 2014 - 3:58am — <a href="/community/gmsuerte">GMSuerte</a></span>
  
  
  <div class="picture">
  <a href="/community/gmsuerte" title="View user profile."><img src="http://endlessforest.org/community/files/pictures2/picture-30519.gif" alt="GMSuerte's picture" title="GMSuerte's picture"  /></a></div>

    <h3><a href="/community/node/94825#comment-1094873" class="active">If I am a poodle, then you</a></h3>

    <div class="content">
       If I am a poodle, then you are a noodle.             <div class="clear-block">
        <div>—</div>
         <img data-lol><div style="text-align:center">Dummy text.<span style="font-weight:bold">Purposely misaligned tag.</div></span>       </div>
          </div>
  </div>

      <div class="links"><ul class="links"><li class="comment_edit first"><a href="/community/comment/edit/1094873">edit</a></li>
<li class="comment_reply last"><a href="/community/comment/reply/94825/1094873">reply</a></li>
</ul></div>
  </div>

⋮
etc. for each comment.
⋮
</div>
This is most apparent when you use BBCode, such as:[center]Text.[/center]. When you submit, it will produce: <div style="text-align:center">Text.</div> in your page source, and you won't see exactly what you wrote until you go to edit it. That's why I can't change someone else's comment in a useful way (only on a superficial level), because where it's stored is not where I can access.

Onto your actual question, for some reason I thought you meant something more serious (such as the intense editing of peoples' comments). xD Yeah, I've been playing around with CSS like I always do, but I guess I never took it out? No biggie. If you want to hide a single comment, you find the id/number of the comment by either looking into the page source (such as from above, the "<a id="comment-1094873"></a>" part) or by looking at the reply link and grabbing the number at the end. For example, oh gosh I'm still hiding the replies, aren't I? For example, the reply link to the first comment is "/community/comment/reply/94825/1094873". The last number, "1094873", identifies the comment. If I wanted to hide it, I would do <style>#comment-1094873 + .comment {display: none;}</style> and repeat until I have hidden all the comments I wish to hide.

Ah no I don't really think

Ah no I don't really think I'd ever want to edit someone's comments...
But that hide thing is wickedly cool now that I got it to work! Thank you very much for it, you really got skillz. I was wondering if you could do biography coding on request or in exchange for something?
GMSuerte's picture

:3 You're welcome. I guess I

:3 You're welcome. I guess I could consider doing coding for a biography, as long as I'm given the design/layout or if you can describe it really well for me. Although, perhaps, I dunno if you'd really like the way I code.

Or maybe would you be able to

Or maybe would you be able to lend me a couple of codes, too, please? I saw a biography you coded once, it was pretty neat and it had functions I may never have seen before here.
GMSuerte's picture

Oh thanks. I'm still testing

Oh thanks. I'm still testing a lot of my stuff and some things don't work 100% of the time, so I don't feel comfortable giving them out. You're welcome to use anything I release publicly in the future, however.
GMSuerte's picture

I am text. I am an i tag. I

I am text. I am an i tag.

I am not text. I am not an i tag.

I am also not text. I am also not an i tag.

Editing again. Editing more. Editing even more. Pleasp work this time. Whoop doop.