What is the HTML coding for when I have it so I can have a certain text saying something, and then when you click it a little bit of text opens up (To make the page short when opened, but allowing you to extend it by clicking on the text)
- Posts : 58
Reputation : 0
Language : English
Location : ****
Unknown Data wrote:
1. Step - Open PopUp
For the first, you'll have to make a link to open the PopUp, but it's now a normal link. Some small attributes are added.2. Step - Design<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('The PopUp have to got a ID, it could be fx "1"').style.display = 'block' " >Name of the PopUp link</a>
At this step we now have to make the PopUp, it look like this.We aren't done yet, there are som small attributes you have to put in the 'div' tag. I've just posted the code without the attributes source, then you you to redirect the red stroke. You don't have to use all the attributes!<div id='The same ID you used in Open PopUp-step' style='display: none; position: absolute;>Here you put normal tags, text, effects in - like you would design a normal page (body)</div>All right now we just need to know what all this means. More can be added, it's up to you.<div id='' style='display: none; position: absolute; left: -px; top: -px; border: -px; padding: -px; background-color: -; text-align: -; font-size: -px; width: -px;' ></div>
We also have to close the PopUp, so place this code inside the PopUp body.
Attribute Example What do we get? left: 280 How many pixelse from the left, the PopUp would be placed top: 150 How many pixelse from the top, the PopUp would be placed border: solid black 1 Like in a table, frame color and size padding: 10 The padding for the PopUp background-color: white The background color text-align: justify Which text type font-size: 10 The size of the text width: 1000 The width of the PopUpSo we got it all, now you should cud make a PopUp without opening a new window.<a onmouseover='this.style.cursor="pointer" onfocus='this.blur();' onclick="document.getElementById('The ID you used at the Open PopUp-step').style.display = 'none' " >Close</a></div>
It's been written by Unknown Data on/for Webartz , I do not own this tutorial , it's been written by Unknown Data.
Permissions in this forum:You cannot reply to topics in this forum