|
HTML - Hide Content...please Help
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
Similar TutorialsHello, I have a html page and a drop down menu on top. The drop down menu is for like users. The user has to pick their role and based on that, the page will only show some parts of the content. So I have the drop down on top (e.g Developer, Editor, etc) and based on what they pick, hide the contents that they're not supposed to see. Is this possible with HTML? What do I need to do? i currently have a javascript to hide and unhide content http://www.danish.wep.dk/film.html HTML Code: <script type="text/javascript">
function toggleDiv()
{
if (document.getElementById("myDivBox").style.display == "block")
{
document.getElementById("myDivBox").style.display = "none";
}
else
{
document.getElementById("myDivBox").style.display = "block";
}
}
</script>
HTML Code: <input type="button" value="PK" onclick="toggleDiv()">
<div id="myDivBox" align="center" style="display:none;">
<input type="button" value="Zamorak Godsword lured by #Danish" onclick="toggleDiv()">
<div id="myDivBox2" align="center" style="display:none;">
<object width="425" height="344"><param name="movie"
value="http://www.youtube.com/v/CzV_HAwOSwA&hl=en_US&fs=1&"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/CzV_HAwOSwA&hl=en_US&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
width="425" height="344"></embed></object>
</div>
....
..
.
the problem is that i would like an additional hide funktion, but this script dosn't seem to support that, so basicly i would like the category to be called PK and then it should be divided again into groups of 1 video (named the same as the video) _________ im also open for other suggestions Hi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe Hey guys, I used to know a lot about html, but then just completely stopped doing anything with websites for too long. I was just wondering how I can replace a word or number with a specified word or number. What I want to achieve: I've got a forum with a couple thousand members and it's picking up in activity and I want to make some names stand out for being helpful. I want to replace their names with an image. But to do so, it'd have to be a code made and added into the footer template. Because obviously I can't edit a username for html image code. So I just need the code to find all instances of a certain username and replace it with what I specified. ------------- Man I really wish I remembered how to do this haha. Thanks guys. 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? this issue has been solved 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~ Hi, Is there eny way of hiding the source of my website If there is please reply. Thanks 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> 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? 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. 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? 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> 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? 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. 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 created a password protected forum to mess around with, but I've learned that if you just hit View Source its pretty obvious that the <var password=...> will tell you the password. Now ik that you can do these crappy encodings that would slow down getting the password by about 2 minutes but is there anything out there that will actually STOP people from viewing the source code indefinately? P.S. My Code: HTML Code: <b><font color=red><font size=5>WINTER IS COMING: HENCE THE SNOWFLAKES</center></b>
<html>
<body background="http://thenetworkstation.net/custom/bg-long.jpg">
<font size=3>
<head>
<script language="javascript">
<!--
function PlanA() {
var password = "1883"
var pass = prompt("Please Enter The Password To Gain Access To The Site"," ")
if (pass.toLowerCase() == password) {
window.location = "http://hiddenforum.darkbb.com/correct-password-h3.htm";
}
else {
window.location = "http://hiddenforum.darkbb.com/wrong-password-h2.htm";
}
}
-->
</script>
</head>
<body>
<p><center> <marquee behavior=alternate width="250" scrollamount="7" scrolldelay="96" height="20" bgcolor="#E0FFFF"><font size="3">Welcome to the Hidden Forum </font></marquee> <font color="white"> The Password Changed Regularly So Be On Regularly To Be Notified Before A Change</center></p>
<p><center>If You Get The Password Correct Then You Will Be Redirected To A Forum.
<center><a href="#" onClick="PlanA(); return false">Click Here To Enter Password</a></center>
<p><center>Please Take A Moment To Visit My Other Forum:
<p><a href="http://www.tastymods.net/" target="_blank">TastyMods.net a Game Console Modding Forum</a></right>
</body>
<center><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Ig74Ca-9zXQ?fs=1&%3Bhl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Ig74Ca-9zXQ?fs=1&%3Bhl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></center>
</body>
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=22
// Set the minimal-size of your snowflaxes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=3
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<BGSOUND SRC="http://www.maximumdonline.com/themes/benhill.wav">
</Script>
<Ray: ><DIBBLE DONT TOUCH THE LINK BELOW>
<Dib: ><LOL I WAS GOING TO DELETE>
<Ray: ><If you ever decide to encrypt this page as well never encrypt that link either>
<Dib: ><LOL - leave it un-encrypted but hide the password from the HTML so no 1 can see it through the source and no 1 will be able to crack!>
<Ray: ><You wanna do that? coz i have no idea. lol.>
<font size=0><a href="http://www.forumotion.com" target="_blank">forumotion.com</a>
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 Hello, Is there a way to hide the address bar of a pop-up window? I need to hide it for IE and Firefox. I imagine some client-side scripting will be required, which is fine, but I'm wondering if anybody has any ideas. Thank you. 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? |
|||||||