|
HTML - Hide Script
Can someone write a code so this element will be hide on my page, this element do automatic import by my host so it will be before this code i need a hide code help please
<noscript><div style="display:none"> </div></noscript><script type="text/javascript" src="http://media.funpic.org/layer.php?bid=73611485"></script> Similar TutorialsHi, I need to move the hide content link from the bottom up to the top. It needs to replace the show category. Example: show category is clicked hide category is then displayed. When hide category is clicked show category is displayed. Also I can't seem to make the 1 2 3 4 buttons highlight when active. When you click on a number it slides along to that number but doesn't highlight what number you are on Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css" media="screen">
/* CSS Reset */
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
color:#FF0000;
}
a:link {
color: #999999;
text-decoration: none;
font-size:14px;
}
a:visited {
color: #999999;
text-decoration: none;
font-size:14px;
}
a:hover {
color: #FF0000;
letter-spacing: 3px;
text-decoration: none;
font-size:14px;
}
a:active {
color: #FF0000;
font-size:14px;
}
#wrapper{
position:relative;
width:730px;
height:600px;
margin:0px auto;
}
#images{
width:730px;
height:552px;
overflow:hidden;
float:right;
position: absolute;
top: 48px;
}
#textbox{
position: absolute;
width:205px;
height:40px;
background-color: #FFFFFF;
top: 68px;
left: 20px;
z-index: 2;
padding: 10px;
border-bottom: 2px solid red;
}
#logo {
position: absolute;
width: 101px;
position: absolute;
left: 634px;
top: 19px;
padding: opx;
margin: 0px;
z-index: 2;
}
.more {
display: none;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border-bottom: 2px solid red;
padding-left: 8px;
padding-right: 8px;
margin-left: -10px;
width: 209px;
}
a.mo hover {
text-decoration: none;}
a.showLink, a.hideLink {
text-decoration: none;
font-size: xx-small;
color: #36f;
padding-left: 8px;
/*** background: transparent url(down.gif) no-repeat left;***/ }
a.hideLink {
/*** background: transparent url(up.gif) no-repeat left;***/ }
.drop1 {
font-size: 12px;
font-weight: bold;
}
.drop2 {
color: #666666;
font-size: smaller;
}
#apDiv1 {
position:absolute;
left:0px;
top:px;
width:141px;
height:21px;
z-index:1;
}
</style>
<script language="javascript" type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
</script>
</head>
<body>
<div id="wrapper">
<div id= logo><img src="logo2.png" width="101" height="92" /></div>
<div id="textbox">
<div><img src="logo_dedon.png" alt=""/>
<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;"><img src="ShowProduct.jpg" alt="" /></a><br />
<img src="clear.gif" alt="" width="135" height="10" />
<a href="#image1" id="tab1">1</a>
<a href="#image2" id="tab1">2</a>
<a href="#image3" id="tab1">3</a>
<a href="#image4" id="tab1">4</a> </div>
<div id="example" class="more">
<p><span class="drop1">BARCELONA</span><br />
<span class="drop2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin non mi in urna hendrerit tincidunt. Maecenas eleifend erat et lacus. Sed tempor. Sed venenatis consequat neque. Sed massa. Donec quis orci sed lacus ullamcorper venenatis. </span></p>
<p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;"><img src="HideProduct.jpg" alt="" /></a></p>
</div>
</div>
<div id="images">
<div><a name="image1"></a><img src="001.jpg" alt="" title="" /></div>
<div><a name="image2"></a><img src="002.jpg" alt="" title="" /></div>
<div><a name="image3"></a><img src="003.jpg" alt="" title="" /></div>
<div><a name="image4"></a><img src="004.jpg" alt="" title="" /></div>
</div>
</div>
</body>
</html>
Please can some one help? many thanks Joe In IE when I do the javascript toggle to hide the div, the audio from a swf/flv is still playing, how do I stop all sounds or unload the flash file? Hi, Is there eny way of hiding the source of my website If there is please reply. Thanks I am looking for simple and fast way to hide a table in html. I don't need the table to show on click, or anything fancy, all I need is to hide it. I don't even care if there is a white space where the table is hidden. Is there a simple way of doing this without having to add CSS or Java? Can I get an input submit button to "go away" after it is clicked on? It is opening up another window and once that window is open I don't want the button viewable any more. Thanks~ this issue has been solved Hello, I'm using Google Apps and here's what I'd like to do with an html code. Right now I have a link that goes to "mail/", inside that mail folder is an index.html. Now, within that html code I'd like to redirect to "http://mail.google.com/a/layercakeclan.com/", but make it appear as though the URL is still "LayerCakeClan.com/mail". I know a lot of free url redirection services use this method. Can someone tell me how to do this? I'm using this flash player on my site http://www.macloo.com/examples/audio_player/ I'd like to hide the soundFile url so that people can't just view the page source and copy the location of the mp3. Any ideas? I was hoping there'd be something I could do with some php variables or something, but I haven't really come up with a solution that would actually work. I'm using a popular php video-sharing script for my web site. I've modded it so vistors must pay to view a video, however the path to the thumbnail appears on the html page in the View Source code, which is very similar to the path to the actual video. Is there any way to hide the path code? hello i was desperate on how do i hide this from log in screen. It's a shoutbox. Please help this is the code <center><noscript>Enable Javascript to get full functionality of this <a href="http://www.freeshoutbox.net/">shoutbox</a><br /></noscript><iframe src="http://Catshark.freeshoutbox.net/" height="150" width="700" frameborder="0"></iframe><center> Hey i have a drop down menu...when i select a particular name from it...it should hide all the other content on the page other than the header <h3> being selected and the content of h3...which can either be encloded in <br> or <table> tag Hi guys. I have a block of text on a html page. I want users to be able to click on 'more' at the end of the paragraph and this will reveal a few more paraghraphs. I have it working in safari with the following code: HTML Code: some text here. <a onclick=" hiddenTxt.style.visibility = 'visible';">More.</a> <div id="hiddenTxt">the hidden text here</div> In my css page i state the visibility as being hidden. The user then clicks more and the txt appears. As i say this works in safari but not firefox or windows. Any suggestions of where iv gone wrong or of a better way of doing this. Many thanks. I want to show a brief description about something and have a link that says "Show Me More". When the user clicks the link, the rest of the text will appear right below it on the same page. EXAMPLE Elephants are large animals with 4 legs. (Show Me More) <!--Once user clicks "Show Me More", the following text appears--> Elephants bla bla bla bla bla bla bla bla bla bla bla the rest of the content here... END EXAMPLE How should I go about doing this? As an extra, if I want the content that is originally under "Show Me More" to slide down the page when the new text appears, how would I do that? I'm having a little problem with my site's Q&A. Right now, the question is shown, and the answer hidden. When a user clicks on the question, the answer will display. HOWEVER (and that's where the problem is), if said user clicks on ANOTHER question, nothing will happen UNTIL he clicks it a SECOND time! I need to make it so that the answer will display after the FIRST click (the answer will display after the first click assuming the user hasn't clicked on any questions previously). I hope this isn't too confusing. If you don't understand, say so and I'll try to explain more clearly. Code: <a onclick="showhide('div1');" href="#">Q: Is this an example?</a>
<div id="div1" style="display: none; padding: 0px; margin-left: 30px;">A: Yes, it is.</div>
<a onclick="showhide('div2');" href="#1">Q: Is this another example?</a>
<div id="div2" style="display: none; padding: 0px; margin-left: 30px;">A: Yes, unfortunately.</div>
<a onclick="showhide('div3');" href="#2">Q: What's this?</a>
<div id="div3" style="display: none; padding: 0px; margin-left: 30px;">A: You tell me.</div>
<a onclick="showhide('div4');" href="#3">Q: Is this a question?</a>
<div id="div4" style="display: none; padding: 0px; margin-left: 30px;">A: Only if this is an answer.</div>
<a onclick="showhide('div5');" href="#4">Q: Is this for real?</a>
<div id="div5" style="display: none; padding: 0px; margin-left: 30px;">A: Of course.</div>
I have not touched HTML for months, now work brings me back to it. Simple question. I am using images as links. I don't want any symbol active or visited link around the image. How do I simply get rid of this. Thanks! I've been having trouble trying to figure out how to get my hidden input tags to work. What I want: I have a section of Text I want to appear in the same page, After the user has clicked on a certain link. I do not want to make a similar page with the added text because that takes up too much space. I also need the simplest way to do this because I'll be repeating it many times all over my site. How do I do it?: Hi All, I want to hide the toolbar, menubar, scrollbar and statusbar of Internet Explorer when I launch my application. Earlier I did this using Code: window.open(self.location,'mywin','width=485, height=340, location=no,menubar=no,toolbar=no,status=no,scrollbars=no'); And I was launching my application from another window hypherlink using window.open but now, I want to luanch my application directly by giving the URL in the addressbar of IE. Once the page get loaded I want the same formats to be applied like I gave in the window.open But I am not sure of acheiving that. Can anyone advise me some solutions? Thanks Suren Hey all. I'm looking for a way to hide and unhide an image. More specifically, I want a small box labeled as "Show", and once you click on that box, an image will be shown(and the box will now be labeled as "hide"). Then I click that box again which is now labeled as "hide" to hide the image. I'm sure you've all seen this on different websites. I have been trying to piece something together with a traditional DHTML show hide, but i cannot get it to work properly, so i trashed it. What I'm trying to do seems very simple. I have 2 videos I want to have on 1 page. I don't want to stack them, I just want to give the user a text link choice on which to choose. So the page would load with a generic looking video player. Which would switch out once you picked a video. HTML Code: <strong>Select: </strong><a href="#">video 1</a> | <a href="#">video 2</a> <div id="generic">generic page</div> <div id="video1">vid1</div> <div id="video2">vid2</div> I kinda got it to work in an earlier version, but it wasn't perfect. It would end up showing video1 properly, but when you clicked on video 2 it would show both. It wouldn't hide video 1. any help would be much apprecaited. I'm pretty new to this whole HTML and PHP thing. I've had someone program my website for me, but I really don't want to have to pay him every time I want some little change made. So, my question is, is there a way in an HTML file to hide or unhide text by adding some command in the file? I would just like to have the headings for each section displayed, then the user could click a "read more" type button or something that would then display the text related to that heading, without refreshing the page. Something like this: Quote: THE FIRST HEADING read more THE SECOND HEADING read more Then, when you click on "read more", you would see this: Quote: THE FIRST HEADING Here's some text relating to this heading. And here's even more text. And still more. hide text THE SECOND HEADING read more Thanks in advance for your responses and help. |
|||||||