Jump to content
Join Talk Chelsea and log in to join the CFC discussion! ×

The Pub - Discuss Anything

Manuf

By Manuf,
in General Chat

 Share

Recommended Posts

  • Replies 29.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • Rmpr

    2515

  • Stingray

    2479

  • Spike

    2472

  • CHOULO19

    1921

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

We Hate Scouse
We Hate Scouse

Finally have internet so I'll be posting more. In other news here is some photos of my son

Muzchap
Muzchap

Talking of marriage and seeing as the thread is already de-railed - I got married at the weekend It was amazing - hired a marquee and had Dodgems and a carousel along with a double decker bus convert

We Hate Scouse
We Hate Scouse

Posted Images

The Skipper

The Skipper 20,609

Posted
Posted

Anyone good with html?

I want to press a button and see have an image appear. Click the button see the image disappear. Any help?

Something like this: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_button_test

Only instead of an alert, an image appears.

You're better off using CSS to do that.

Link to comment
Share on other sites
The Skipper

The Skipper 20,609

Posted
Posted

I'm not sure if CSS is allowed in this particular piece of assessment but could you show me how to do it?

Here's a simple bit of code that should get it done...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  <head>    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />     <meta charset="utf-8" />    <title>Test</title>    <style type="text/css">      .hidden {        display: none;      }    </style>  </head>  <body>    <form>      <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" />     </form>     <img id="hidden" class="hidden" src="foo.png" />  </body></html>

Basic CSS really. Nothing too fancy. I'm not sure how you would do it using pure HTML, would be a lot of unnecessary code though.

Link to comment
Share on other sites
Spike

Spike 12,049

Posted
Posted

Here's a simple bit of code that should get it done...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  <head>    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />     <meta charset="utf-8" />    <title>Test</title>    <style type="text/css">      .hidden {        display: none;      }    </style>  </head>  <body>    <form>      <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" />     </form>     <img id="hidden" class="hidden" src="foo.png" />  </body></html>

Basic CSS really. Nothing too fancy. I'm not sure how you would do it using pure HTML, would be a lot of unnecessary code though.

Thank god for you. I've been spending hours trying to get it to work with basic html. A MILLION REPS FOR YOU IF I COULD.

Link to comment
Share on other sites
The Skipper

The Skipper 20,609

Posted
Posted

@The Skipper, Aaah, bugger, the image disappears instantly... It only flashes on the screen...

Sorry, used the wrong attribute... Should've been button instead of form.

Replace:

 <form>      <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" /> </form>

With:

<button type="button" onclick="document.getElementById('hidden').style.display = 'block';">Show Image!</button>

That should work I think...

Link to comment
Share on other sites
Spike

Spike 12,049

Posted
Posted

Sorry, used the wrong attribute... Should've been button instead of form.

Replace:

 <form>      <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" /> </form>

With:

<button type="button" onclick="document.getElementById('hidden').style.display = 'block';">Show Image!</button>

That should work I think...

Thanks. That is the first step in a lot of work...

Link to comment
Share on other sites
BluesChick

BluesChick 1,260

Posted
Posted

Booo! Less nerdy stuff, more memes, Tom! :P

Im afraid of the Scottish women on here .... That new one is like me in female version but even WORSE! Sigh ...

Ah and I thought was the woman that scared you?

Sent from my iPad using Tapatalk HD

Link to comment
Share on other sites
Stingray

Stingray 9,441

Posted
Posted

Ah and I thought was the woman that scared you?

Sent from my iPad using Tapatalk HD

You are very ok! But @whatthemata is one scary lady! Loch Ness-scary even !

Naaaah, she is such a sweetie, really! I already grown fond of her - kindred spirits.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • 0 members are here!

    • No registered users viewing this page.
×
×
  • Create New...

talk chelse forums

We get it, advertisements are annoying!
Talk Chelsea relies on revenue to pay for hosting and upgrades. While we try to keep adverts as unobtrusive as possible, we need to run ad's to make sure we can stay online because over the years costs have become very high.

Could you please allow adverts on this website and help us by switching your ad blocker off.

KTBFFH
Thank You

Sure, let me in!
Enter