Web Uyarı Buttonu?
-
Cevapalr için teşekkür derim.
Tek sayfada yanyana 100 adet uyarı butonu açılan "basıldığında pencere açılır" pencereye ihityacım var.
Kodu buldum fakat aynı sayfa üzerinde ardı ardına aynı kodu çalıştırmya çalıştığımda bir buton çalışyor diğerleri çalışmıyor.
nasıl yaparız?
<html> <head> <style> /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 50px; /* Location of the box */ left: 0; top: 0; width: 70%; /* Full width */ height: 70%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } </style> </head> <body> <h2> Modal Example</h2> <!-- Trigger/Open The Modal --> <button id="myBtn">Open Modal</button> <!-- The Modal --> <div class="modal" id="myModal"> <!-- Modal content --> <div class="modal-content"> <span class="close">×</span> Some text in the Modal..<br /> </div> </div> <script> // Get the modal var modal = document.getElementById('myModal'); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body> </html>
-
-
pSkpt bunu yazdı
@pSkpt
kodu değiştirmeye çalıştım , değiştirsem de sorun oldu, pSkpt kodu değiştirmen mümkün mü?
-
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h
adreste bir diğer açılan pencere var. Kodu alt ada yapıştırıp butonları çoğaltıyorum :
uyarı yazılarını değiştiriyorum fakat bir yerden miras alıyor ve hepsi aynı mesajı sayfaya basıyor
-
Her butona ayri id vermedinmi hocam sorun ordan kaynaklaniyor
#mymodal yazan yerleri isimlendir butonlardada ayni isimleri kullan volaaa sorun cozuldu teldeyim yapamazsan pc basina gectigimde atayim
ayhun tarafından 16/Eki/16 19:50 tarihinde düzenlenmiştir -
-
Hocam onlari div icinde toplayip % oraniyla bolmen gerekiyorbunuda ancak css ile yapabilirsin hangi temayi kullaniyorsun kodlari atarsan soyleyebilirim.
-
ayhun bunu yazdı
Hocam onlari div icinde toplayip % oraniyla bolmen gerekiyorbunuda ancak css ile yapabilirsin hangi temayi kullaniyorsun kodlari atarsan soyleyebilirim.
Web sayfa wordpress,
fakat bu kodları https://www.blogger.com çalıştırıp, blogger ile oluşturduğum sayfayı wordpress bot etmem gerekiyor.
kodlar blogger için.
-
http://www.w3schools.com/html/html_tables.asp gibi biseylmi?
-
kare içinde derken
"buttonların diziliş şekli kare şeklinde" olsun manasında .
-
hocam sayfanin linkini bi ver bakalim nasil bisey olacak.
bu biraz "bi sarki duydum kadin soyluyodu. mmelodisi ninini ni niii ni ni" gibi oldu