Search the Community
Showing results for tags 'visibility'.
Found 5 results
-
<?php session_start(); ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <title>bz888</title> <style> </style> </head> <body> <script type="text/javascript"> function formv() { //alert("1"); // HERE OK //---------------------------------------- document.getElementById(liste).style.visibility = "visible"; //-----------------------HERE DONT WORKING id liste alert("2"); } function Lien() { alert("zz"); i = document.Choix.Liste.selectedIndex; if (i == 0) return; url = document.Choix.Liste.options.value; parent.location.href = url; } </script> <p>first</p> <!-- this form hidden after load --> <form id="liste" name="nameliste" visibility: hidden> <!-- here ok --> <!--------------------------------------------------------> <fieldset> <legend>Personalia:</legend> </fieldset> </form> <!-- button with onclick to put visible the form liste by script formv--> <form id="bouton2" name="bouton2"> <p><input type="button" name="bouton2" value = "OKOK" onclick="formv()" ></p> </form> </body> </html> -
Used old script and then put in visibility Hidden which worked okay moved embed to css lay out but visibility not working not sure what put in.I have made it auto start. Html page <audio controls autoplay> <source src="2jc.mp3" type="audio/mpeg" class="c1"> Sorry your browser does not support our audio at 2jc. </audio> below the css /* CSS layout 2jc */ /*<![CDATA[*/ embed.c1 { width: 692px; height:155px; background-image:url('perfume-logo.jpg'); visibility:hidden; outline-color:fuchsia; background-position:center; } /*]]>*/ ) 2 question tried to put picture in background which shows up on page load then overplayed with pic below If any can help with the code to make invisible. I am trying 2 things here and would also like help to see if I can put a picture in instead of the black background on the music control panel. Thank you for your time JohnC
-
Let's pretend, there's a <div> on a page. There's a usual HTML form inside it that sends information to another php-file. By default, the visibility of the div is hidden, and the click on the button makes it visible. The question is how to close the form (i.e. hide the div) using a button or <a> element on the div, WITHOUT the sending data to php-file. In other words, how to close this <div> as if it is usual popup-window, without changes?
-
I'm trying to implement the sliding transparent overlay on my sight but I'm having a problem with the positioning of the DIV. When the window is re-sized the div does not retain relativity to the menu items above. Can someone give a pointer as to how this can be achieved? This is what I'm trying to emulate.......http://www.daphnes-restaurant.co.uk/general-information/ Here's my website.........http://www.galu.co.uk/newsite/goforitg.html The yellow box remains relative to the red box but when my window is re-sized I would like the red box to be left align to the window so the users can see easier. A kind of "left align object on window re-size. If that makes sense.
-
I'm using the following code. By clicking on div id="popUpPane", the div and it's childs should appear and slowly fade in.By clicking on the div again, it should slowly fade out and then disappear.Firefox and Chrome (which is webkit too) behave that way and I know Safari did in an earlier version, too. But right know on Safari and on Safari Mobile nothing happens at all when I click on "popUpPane".Is this a bug in Safari or is there something I could change to come back to the intended behaviour?One addition: If I set -webkit-transition to -webkit-transition: opacity .5s ease-in-out; it works fine but the transition only appears on the first click. There's no transitions after that first one... If I delete the opacity-part in the java-script the opo-up works but there's no transition.All other transitions on my site are working. But they all use only opacity and no visibility.Here's my code:CSS:#popUpPane { white-space:normal; position:fixed; width:100%; height:100%; top:0; left:0; text-align:center; vertical-align:middle; visibility:hidden; z-index:90; } #greyOut { position:fixed; width:100%; height:100%; top:0; left:0; background-color:#000; opacity:0; }#popUpPicCanvas { position:relative; top:50%; margin-top:-325px; display:inline; opacity:0; z-index:100; }.fade { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }HTML: <div id="popUpPane" onClick="noPopUp()"> <div id="greyOut" class="fade"> </div> <canvas id="popUpPicCanvas" width="1000" height="650" title="Bastian Beuttel" class="fade"></canvas> </div>Javascript:var popUpPane = document.getElementById("popUpPane"), greyOut = document.getElementById("greyOut"), popUpPicCanvas = document.getElementById("popUpPicCanvas"), popCanvasContext = popUpPicCanvas.getContext("2d");var doPopUp = function(source,x,y){ var popUpPic = document.getElementById("pic"+source); popCanvasContext.canvas.width = x; popCanvasContext.canvas.height = y; popCanvasContext.drawImage(popUpPic, 0, 0,x,y); popUpPane.style.visibility = "visible"; greyOut.style.opacity = "0.7"; popUpPicCanvas.style.opacity = "1";};var noPopUp = function(){ greyOut.style.opacity = "0"; popUpPicCanvas.style.opacity = "0"; popUpPane.style.visibility = "hidden";};I hope someone can help me.Thanks for your responds!
