Jump to content

All Activity

This stream auto-updates     

  1. Yesterday
  2. Hi, new to this forum, I have learned allot from W3S website. I have watched a video series on HTML and taken 1 class at my local community college. My main goal is to build a website for my church. I have completed one website as a project for my college class. Needless to say, I am new and I have allot of questions. Thank you for letting me join Robert
  3. I'm a novice to PHP. What I want to do is add a new customer record to my XML database. It looks as if a simple way to do this would be to create a string using heredoc, which will insert the variable values, then turn it into a simpleXML object: $xml=simplexml_load_file("Test data.xml"); //load XML file // these $vars are all defined from form input in previous code $str= <<<EOS <!----> <customer> <cId>$Customer</cId> <organization>$organization</organization> <website>$URL</website> <contact>$name</contact> <email>$email</email> <phone>$phone</phone> <addr>$address</addr> <city>$city</city> <state>$state</state> <zip>$zip</zip> </customer> EOS; $new = new SimpleXMLElement($str); //turn $str into SimpleXML element $xml->addChild("customer",$new); //add it to DB My first question is whether DreamWeaver CS5 will allow me to do this. It gives me the "syntax error on line 1." Is it able to recognize heredoc? Second, am I approaching this the right way? I'm sure this is something that is done regularly for myriad websites, but I haven't found any clear direction on the best way to handle it. Finally, if this is the right approach, what am I missing to make it work?
  4. My name is John, and I absolutely love this website. Thank you very much for creating this for myself and others to learn. I am currently working on my associates degree in Web Development, and this site has been a huge help to that. I am 35 years old, married with 5 kids.
  5. Python is an alternative to PHP. PHP is actually not a great language, which is why most larger websites will use something different.
  6. var curDoc = app.documents[0]; var allTables = curDoc.stories.everyItem().tables.everyItem().getElements(); for ( var i = 0; i < allTables.length; i++ ) { var curTable = allTables[i]; if ( curTable.columns.length == 5) { curTable.columns[-2].verticalJustification = VerticalJustification.CENTER_ALIGN; //HERE SHOULD BE THE CODE FOR ALIGNING TEXT IN SECOND LAST COLUMN TO RIGHT } } Hello W3Schools community, I need your help on a final step in my Javascript code for an Adobe InDesign document. In the InDesign document there are many tables that have all five columns. My script (.jsx file, executed in InDesign) works fine by vertically aligning all second last columns in every table in the whole document to center. I just tested if it works, the vertical alignment is not needed. I'm glad about this success, because I'm a newbie to JS in InDesign and did a lot of 'try and error' in order to locate and aligning the cells. What I'm really looking for is to align the text horizontally in all second last columns from left to right alignment. A simple operation certainly, but I'm totally stuck with the correct JS syntax... I tried all functions I could find at W3Schools and on the web, e.g. 'text-align: right' or 'Justification.RIGHT_ALIGN' referring to the working 'verticalJustification' function but nothing works to align the text in the cells. There are many examples for easy alignment in HTML and it's 'divs', respectively CSS, but nothing seems to work in JS code. Thank you in advance – i would highly appreciate your help because this script saves a lot of time in my projects! Regards
  7. You shouldn't target the body but a wrapping container element within the body element , <body> <div class="wrapper"> <div class="row"> <div class="col"> <div id="home"> <header> <a href="" class="site-logo"> <img src="img/logo-white.png" alt=""> </a> <nav class="site-nav"> <ul> <li><a href="#home">HOME</a></li> <li><a href="#sobre">SOBRE</a></li> <li><a href="#portfólio">PORTFÓLIO</a></li> <li><a href="#contato">CONTATO</a></li> </ul> </nav> </header> </div> </div> </div> <div class="row"> <div class="col"> <section class="hero"> <div class="hero-content"> <h2>Gabriel Porto Terruya</h2> <h1>Meu Portfólio</h1> <h3>Produtor Audiovisual, São Paulo</h3> </div> </section> </div> </div> <div class="row"> <div class="col"> <section class="intro"> <div class="intro-text"> <p>estudante de cinema e audiovisual pela espm-sp, possuo certificados de competência em Photoshop e Illustrator.</p> </div> </section> </div> </div> <div class="row"> <div class="col col-md-one-half"> <section class="artworks"> <article class="artwork"> <div class="artwork-piece"> <a name="portfólio"></a> <figure> <img src="img/goldrush.jpg" alt=""> </figure> </div> <div class="col col-md-one-half"> <div class="artwork-description"> <h2 class="artwork-title">Portfólio</h2> <p class="artwork-text">Já produzi alguns produtos audiovisuais como: documentário que concorreu ao MegaCities-ShortDocs e um curta de um minuto que participou do Festival do Minuto. Sou apresentador do canal do Youtube Nada Não, além de possuir gosto por fotografia.</p> <a class="see-more" href="#">Veja mais</a> </div> </div> </article> </section> </div> </div> <div class="row"> <div class="col"> <footer> <a name="contato"></a> <div class="footer-content"> <ul class="footer-social"> <li> <a href="https://www.facebook.com/gabriel.portoterruya"> <img class="social-default" src="img/social-facebook.png" alt=""> <img class="social-hover" src="img/social-facebook-hover.png" alt=""> </a> </li> <li> <a href="https://www.instagram.com/gpterruya/?hl=pt-br"> <img class="social-default" src="img/social-instagram.png" alt=""> <img class="social-hover" src="img/social-instagram-hover.png" alt=""> </a> </li> <li> <a href="https://twitter.com/gpterruya"> <img class="social-default" src="img/social-twitter.png" alt=""> <img class="social-hover" src="img/social-twitter-hover.png" alt=""> </a> </li> </ul> <div class="footer-info"> <p class="footer-legal">&copy; 2020 Gabriel Porto Terruya. Todos os direitos reservados.</p> </div> </div> </footer> </div> </div> </div> </body> css @charset "utf-8"; /* CSS Document */ html * { padding: 0; margin: 0; box-sizing: border-box; font-family: arial," sans-serif"; } header { padding: 32px; background-color: #a2f92f; } .col { width: 100%; } .site-logo { margin-left: auto; margin-right: auto; display: block; width: 192px; } img { width: 100%; max-width: 100%; height: auto; vertical-align: middle; } .site-nav ul li a { text-decoration: none; color: #ffffff; text-align: center; display: inline-block; text-transform: uppercase; padding: 8px; letter-spacing: .15em; -webkit-transition: color .3s; transition: color .3s; } .site-nav ul { list-style-type: none; text-align: center; } .site-nav ul li a:hover { outline: none; border-bottom: 1px solid white; } .hero { position: relative; background-color: #a2f92f; color: #ffffff; text-align: center; padding: 20px 20px 50px 20px; } h2 { font-weight: 100; font-size: 1.5em; line-height: 2.2; margin-bottom: 120px; letter-spacing: .3em; text-transform: uppercase; text-shadow: 0px 0px 8px rgba(0, 0, 0,.2); } h1 { margin-bottom: 35px; text-shadow: 0px 0px 10px rgba(0, 0, 0,.05); text-transform: uppercase; font-size: 1.625em; letter-spacing: .85em; } h3 { font-size: 0.75em; font-weight: 100; line-height: 2.75; letter-spacing: .35em; text-transform: uppercase; text-shadow: 0px 0px 8px rgba(0, 0, 0,.2); margin-bottom: 60px; } .intro { color: #343144; padding: 30px 20px 60px; text-align: center; font-family: 'arial', sans-serif; text-transform: uppercase; font-size: 1.25em; line-height: 1.8; letter-spacing: .325em; } .artwork .artwork-piece { padding: 8% 8% 8% 8%; background-image: -webkit-linear-gradient(top left, rgb(160,55,220) 0%, rgb(83,200,234) 100%); background-image: -o-linear-gradient(top left, rgb(160,55,220) 0%, rgb(83,200,234) 100%); background-image: linear-gradient(to bottom right, rgb(160,55,220) 0%, rgb(83,200,234) 100%); } .artwork-piece figure { position: relative; } .artwork-piece figure img { position: relative; z-index: 100; } .artwork .artwork-description { background: #26223e; color: #ffffff; padding: 5.625em 6.5em 5.625em; text-align: center; } .artwork-title { font-family: 'arial', sans-serif; font-size: 1.5em; font-weight: 100; padding: 2em 0 0 0; letter-spacing: .36em; text-transform: uppercase; line-height: 1.5; max-width: 18em; margin-bottom: .5em; display: inline-block; } .artwork-text { font-size: 0.55em; line-height: 1.9; opacity: .8; max-width: 40em; } .see-more { font-size: 1em; display: inline-block; margin-top: 4.1em; padding: 0 0 .4em 0; transition: all .3s; text-decoration: none; } .see-more:hover { border-bottom: 1px solid white; } a, a:visited { color: inherit; } footer { margin-top: -3.5em; padding-top: 10em; background-image: -webkit-linear-gradient(bottom left, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -o-linear-gradient(bottom left, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: linear-gradient(to top right, rgb(255,91,127) 0%, rgb(255,213,86) 100%); } .footer-content { width: 100%; margin: 0 auto; padding-bottom:1.7em; } .footer-social { display: block; width: 100%; list-style-type: none; text-align: center; } .footer-social li { display: inline-block; margin: 0 1.2em; } .footer-social li a { line-height: 3.5em; display: inline-block; width: 4em; height: 4em; text-align: center; border: 2px solid rgba(255,255,255,.3); border-radius: 50%; } .footer-social li a:hover { border-color: #fff; background: #fff; } .footer-social li a img { width: auto; height: 1em; } .footer-social li a .social-hover { display: none; } .footer-social li a:hover .social-default { display: none; } .footer-social li a:hover .social-hover { display: inline; } .footer-info { padding-top: 5em; } .footer-info p { font-size: .8em; color:#fff; line-height: 1.55; max-width: 36em; margin-bottom: 1.7em; } .footer-info { clear: both; } @media (min-width: 768px){ body:before { content:"768px"; position: fixed; left:0; top: 0; height: 50px; width: 100px; background: red; } #wrapper { max-width: 778px; } .site-nav ul li { display: inline-block; } .site-nav ul { text-align: center; } h1 { font-size: 40px; margin-bottom: 90px; } h2 { margin-bottom: 16px; } .col-md-one-half { } .col { float: left; } .artwork { display: flex; } .artwork .artwork-piece { padding: 8% 0 8% 23.5%; width: 50%; } } @media (min-width: 992px){ body:before { content:"992px"; position: fixed; left:0; top: 0; height: 50px; width: 100px; background: yellow; } }
  8. w3 schools says "Python can be used on a server to create web applications." and wikipedia says "Examples of commonly-used, web applications, include: web-mail, online retail sales, online banking, and online auctions.". But why do you need an application on the server to access these things? Surely the information is just held in a database or as variables which you can access with PHP and AJAX? What does Python add? I thought that a web application was something like Google Docs - something that is like a computer program but which you run in your browser. But would that actually run on the server? Surely you are better off with something like that running in the browser because otherwise there will be calls back to the server with every keystroke, which seems very inefficient. So maybe someone can clarify for me. Thanks.
  9. publicité sympa. Je vais ensuite rejoindre car je suis un fan de jeu. Je vous conseille de visiter FrCasinoSpot . il y a un portail vraiment cool

  10. Hello,@discount85 Please try this code,To Need help with search bar <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } #myInput { background-image: url('/css/searchicon.png'); background-position: 10px 12px; background-repeat: no-repeat; width: 100%; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; } #myUL { list-style-type: none; padding: 0; margin: 0; } #myUL li a { border: 1px solid #ddd; margin-top: -1px; /* Prevent double borders */ background-color: #f6f6f6; padding: 12px; text-decoration: none; font-size: 18px; color: black; display: block } #myUL li a:hover:not(.header) { background-color: #eee; } </style> </head> <body> <h2>My Phonebook</h2> <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name"> <ul id="myUL"> <li><a href="#">Adele</a></li> <li><a href="#">Agnes</a></li> <li><a href="#">Billy</a></li> <li><a href="#">Bob</a></li> <li><a href="#">Calvin</a></li> <li><a href="#">Christina</a></li> <li><a href="#">Cindy</a></li> </ul> <script> function myFunction() { var input, filter, ul, li, a, i, txtValue; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); ul = document.getElementById("myUL"); li = ul.getElementsByTagName("li"); for (i = 0; i < li.length; i++) { a = li[i].getElementsByTagName("a")[0]; txtValue = a.textContent || a.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { li[i].style.display = ""; } else { li[i].style.display = "none"; } } } </script> </body> </html> I hope this code will be useful. Thank you.
  11. You have so many DIVs, so the question becomes: Which 2 DIVs are you trying to place side-by-side. Difficult to tell from your zipped code. Then the question becomes: Why are you doing it that way? It would be much easier to use a Flexbox or Grid layout which can be made responsive very easily with CSS media settings.
  12. Last week
  13. I'm programming my website and I've watched a tutorial about responsive websites, in this tutorial the guy said that is recommended to start with the mobile version (480px). I did it everything was alright. I separated my website into columms and rows. When I tried to create a media query (768px), I want to get two of my divs side to side, but I everything I try to do simply doesn't work, so if there is anyone who can help me I would appreciate. I tried to create a div named col-md-one-half to add to my css the properties to these 2 divs and I still couldn't make it. I uploaded all the archives in order to make everything ease to see. responsivo.zip
  14. I have been looking all over the w3schools.com website and other sites referring to it in an attempt to find info about requesting permission for referencing their content. The About page below does suggest that explicit permission from Refsnes Data is required to do so, and I have been trying very hard to find contact information or an online form that will allow me to make that request. I am planning to create a collection of web development tutorial videos for non-commercial use, and I am hoping to reference the w3schools.com website throughout my lessons, as it is a fantastic resource that helps people to help themselves. I am also likely to have screenshots on my website (either from the videos or of the w3schools site itself). Is anyone able to provide info on where to go for this permission? Thank you.
  15. Hello, I am trying to do a task. I have a list of people’s names “John”,”Mike”,”Sam”. How can I remove all the names named “Mike”? Can you please help me? I am getting few errors in the below code: package QA1; import java.awt.List; import java.util.ArrayList; import java.util.Scanner; public class JavaRemoveNameArray { String[] myStrArray = {"John","Mike","Sam"}; System.out.println("Before: "+Arrays.toString(myStrArray)); List<String> myList = new ArrayList<String>(Arrays.asList(myStrArray)); myList.remove("Mike"); myStrArray = myList.toArray(new String[0]); System.out.println("After: "+Arrays.toString(myStrArray)); } Thanks!
  16. Hello, In Oracle database, I have two tables: EE1 and EE2. Both have the exact same column names and data types. How can I write a SQL query to verify that the data in EE1 is the same as in EE2. Thank you!
  17. Dear sir, I trust on this website, this is good & very informative website. just small request do not show ads which is view like in attachment file, which makes bad effect on reader. thanking you, Mayur Sancheti.
  18. Arbu

    Can't update SQL record.

    I'm already saving files with much the same code, and that works OK. So I don't think there was an issue with not using prepared statements. What now seems to have fixed it however is simply placing single quote marks around $data in $sql.
  19. Look into flex box layout, using display: flex;
  20. Hello, i work with the "Nature Portfolio Template" and i was wondering if there is a possibility to set all boxes in a row in the same heigth. So when i have different text in the white part that the box is always the same height like the heighest one? Many thanks for your tipps Thomas
  21. Ingolme

    Can't update SQL record.

    You need to use prepared statements to prevent the data from messing up the query. You shouldn't put variables directly into an SQL string.
  22. I'm getting an error when I try to update a record in my sql database. Here's my code: function updateRecord($mysqli,$diagram_id,$data,$image){ if(login_check($mysqli)){ $sql = "UPDATE diagrams SET data=$data WHERE id=$diagram_id"; if ($mysqli->query($sql) === TRUE) { // echo "Record updated successfully"; //header("Location: ../account.php"); echo "Success"; exit(); // return true; } else { echo "Error: " . $sql . "<br>" . $mysqli->error; // return false; } $mysqli->close(); exit(); } else { header('Location: ../login.php'); exit(); } } and the response I get is: I have some similar code for deleting a record which works fine: function deleteRecord($mysqli,$diagram_id){ if ($mysqli->connect_error) { die("Connection failed: " . $mysqli->connect_error); } $sql = "DELETE FROM diagrams WHERE id=$diagram_id"; if ($mysqli->query($sql) === TRUE) {} else { echo "Error deleting record: " . $mysqli->error; } $mysqli->close(); } What am I doing wrong? Thanks.
  23. For the past few days, I'm struggling with one Chart.js chart that I want to clip or mask with custom vector path. I was able to do something like what I want, but I think I'm missing something. The approach that I took is to create the chart in html (the traditional way, with html canvas ..etc) and then create a svg with the shape I want to cut off and then overlay the <canvas> and <svg> elements. This is what I was able to accomplish: js: var config = { type: 'line', data: { labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], datasets: [{ label: 'My First dataset', fill: false, borderColor: "red", backgroundColor: "red", data: [ {x:23,y:57}, {x:43,y:67}, {x:143,y:167} ] }, { label: 'My Second dataset ', fill: false, borderColor: "blue", backgroundColor: "blue", data: [ {x:12,y:76}, {x:23,y:89}, {x:143,y:167} ] }] }, options: { title: { display: false, text: 'Chart.js Line Chart' } } }; window.onload = function () { var ctx = document.getElementById('canvas').getContext('2d'); window.myLine = new Chart(ctx, config); }; css: canvas { position: absolute; z-index: 0; } svg { position: absolute; z-index: 1; } body { background-color: white; } html: <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script> <head> <title> My cutoff chart </title> </head> <body> <canvas id="canvas"></canvas> <svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <style> #clickHandler { pointer-events: all; } </style> <path id="ship" d="m 100.09542,69.20104 h -83.5475 v -0.41351 -0.41351 l -0.595313,0.0828 -0.595312,0.0828 -0.01659,-0.66146 -0.01659,-0.66146 -0.380288,0.12526 -0.380288,0.12526 -1.890519,0.007 -1.890518,0.007 -0.556877,-0.50403 -0.556878,-0.50403 v -0.38141 -0.38142 l 1.06532,-1.21026 1.065319,-1.21027 -0.09501,-0.28554 -0.09501,-0.28554 -1.433331,-0.20539 -1.433331,-0.20539 -0.859896,-0.13733 -0.859896,-0.13733 v -0.38353 -0.38353 l -1.220114,-0.57352 -1.220114,-0.57352 -0.737049,-1.01747 -0.73705,-1.01747 -0.8116695,-2.57755 -0.8116695,-2.57756 -0.3901093,-1.98437 -0.3901092,-1.98438 -0.1825245,-1.65364 -0.1825245,-1.65365 h 1.5141537 1.5141538 l 0.132161,-0.50538 0.132161,-0.50539 2.753486,-0.18768 2.753485,-0.18767 v -0.35283 -0.35282 l 0.307053,-0.6739 0.307053,-0.67391 h 1.904977 1.904977 l 1.193236,-0.16355 1.193236,-0.16355 0.365047,-0.8067 0.365045,-0.8067 1.190625,-0.37783 1.190625,-0.37784 4.034896,-0.1393 4.034896,-0.13929 v -0.30579 -0.30578 l 0.849273,-0.74523 0.849272,-0.74522 1.393399,-0.14381 1.393397,-0.14381 0.16044,-0.5055 0.160438,-0.5055 -0.328146,-0.39539 -0.328147,-0.39539 0.311142,-0.31114 0.311142,-0.31114 1.80399,-0.10194 1.80399,-0.10193 0.314769,-0.87049 0.314772,-0.87048 0.939179,-0.17619 0.939175,-0.17619 0.380341,-0.91029 0.380341,-0.91028 h 0.365017 0.365016 l 0.1606,-0.41852 0.160599,-0.41851 v -0.99569 -0.99568 l 0.522388,-0.47276 0.522386,-0.47275 0.668239,0.43784 0.668237,0.43785 0.02929,0.45692 0.02929,0.45692 -0.05502,0.66146 -0.05502,0.66146 0.224168,-0.21512 0.224168,-0.21513 0.410602,-2.16612 0.410601,-2.16613 0.712267,-0.34439 0.712266,-0.3444 0.157782,-0.62865 0.157778,-0.62864 0.372999,-0.14314 0.372997,-0.14313 v -1.46351 -1.46351 h 0.264583 0.264583 l 0.0013,1.91822 0.0013,1.91823 0.169696,2.94481 0.169696,2.9448 2.130634,0.12334 2.130634,0.12334 0.101764,0.30529 0.101767,0.3053 h 0.882353 0.882354 l 0.418512,0.1606 0.418516,0.1606 v 0.50086 0.50086 h 5.277839 5.277839 l 0.07997,-1.38907 0.07997,-1.38906 2.513542,-0.17857 2.513541,-0.17856 3.79988,-0.51512 3.799877,-0.51511 0.180554,-0.29215 0.180555,-0.29214 0.606329,-3.31745 0.606333,-3.31746 0.393073,-0.39307 0.393073,-0.39308 h 0.852265 0.852268 l 0.317889,-1.18854 0.317886,-1.18855 3.459062,0.10402 3.459061,0.10403 0.169617,0.16961 0.169614,0.16962 0.143208,5.34668 0.142968,5.34667 1.717418,0.1323 1.717416,0.13229 0.08401,0.52916 0.08401,0.52917 0.1346,0.39688 0.13459,0.39687 0.25994,-0.46302 0.25993,-0.46302 h 3.9273 3.92729 l 0.1523,0.39687 0.1523,0.39688 h 1.63278 1.63278 l 0.35148,-0.46302 0.35148,-0.46302 0.008,-0.46302 0.008,-0.46302 h 3.28946 3.28947 l 0.16795,0.52916 0.16795,0.52917 h 6.59675 6.59676 v -0.52917 -0.52916 h 3.30729 3.30729 v -0.75275 -0.75274 l 0.48385,-0.43788 0.48386,-0.43788 h 0.40118 0.40118 l 0.46944,0.51872 0.46945,0.51874 -0.12644,0.73804 -0.12643,0.73804 -0.19802,0.46302 -0.19802,0.46302 4.72466,-0.003 4.72466,-0.003 0.99752,-0.16487 0.99752,-0.16486 -0.1725,-0.91953 -0.17251,-0.91953 0.35298,-0.21815 0.35298,-0.21815 0.21107,0.13044 0.21107,0.13045 v 1.04272 1.04272 h 1.29052 1.29052 l 0.28495,-0.34335 0.28495,-0.34335 0.14065,-2.7655 0.14064,-2.76551 0.1645,-2.11667 0.16451,-2.11666 0.91522,-1.12448 0.91522,-1.12448 h 0.24687 0.24687 v 1.98437 1.98438 h 1.05833 1.05833 v 0.26458 0.26459 h -0.24701 -0.24701 l -0.0837,0.71713 -0.0837,0.71715 -0.66145,0.18252 -0.66146,0.18253 1.24115,0.0264 1.24116,0.0264 0.17453,0.28239 0.17452,0.28239 -0.55578,0.14534 -0.55579,0.14535 v 0.74612 0.74613 l -0.8599,0.0829 -0.85989,0.0829 v 1.19063 1.19062 l 0.85989,0.0829 0.8599,0.0829 v -0.66891 -0.66892 l -0.53658,-0.28716 -0.53658,-0.28717 0.15532,-0.25131 0.15532,-0.25132 h 1.0271 1.02711 l 0.15347,0.24832 0.15347,0.24832 -0.46859,0.28798 -0.46858,0.28797 0.66146,-0.0733 0.66145,-0.0733 0.0677,-1.71979 0.0677,-1.71979 0.14895,-0.64766 0.14894,-0.64766 0.24235,0.38307 0.24235,0.38308 0.004,2.26219 0.004,2.26219 0.3175,0.3175 0.3175,0.3175 h 0.47625 0.47625 v 0.64362 0.64363 l 0.5268,0.1672 0.52679,0.1672 0.26696,-0.16498 0.26695,-0.16499 v -0.52916 -0.52917 l 0.26458,0.16352 0.26458,0.16352 v 0.51 0.51 l 0.8599,0.35945 0.8599,0.35943 0.36113,0.43546 0.36113,0.43546 -0.18881,1.25917 -0.18881,1.25918 -0.23314,0.43567 -0.23314,0.43568 0.65613,0.16468 0.65613,0.16467 2.1e-4,0.45798 2.1e-4,0.45798 0.75188,1.5875 0.75189,1.5875 1.23054,1.91823 1.23055,1.91823 0.33246,0.037 0.33247,0.037 0.97177,-0.0577 0.97177,-0.0577 0.29431,0.54992 0.29431,0.54992 h 0.63653 0.63654 l 0.18667,-0.30203 0.18667,-0.30204 0.15967,-2.1242 0.15967,-2.1242 0.33073,-0.10935 0.33073,-0.10936 5.3e-4,2.20487 5.3e-4,2.20486 3.0196,0.0151 3.0196,0.0151 0.4194,0.34806 0.41939,0.34807 1.4e-4,0.16604 1.3e-4,0.16604 -2.40702,-0.0934 -2.40701,-0.0934 -0.29187,0.29186 -0.29174,0.29187 2.23573,0.0403 2.23573,0.0403 0.26458,0.0615 0.26458,0.0615 1.91823,0.0305 1.91823,0.0305 v 0.42473 0.42473 l 4.16719,-0.17789 4.16719,-0.17789 1.51081,-0.27919 1.51082,-0.27919 0.40741,0.15633 0.40741,0.15634 v 0.48438 0.48438 l -2.40439,2.50049 -2.4044,2.50049 -1.84101,2.24895 -1.841,2.24896 -1.31085,2.60364 -1.31085,2.60364 v 0.63751 0.6375 l 0.8599,0.0355 0.8599,0.0355 1.05833,-0.0538 1.05833,-0.0538 0.92604,0.63314 0.92605,0.63314 -0.0719,0.87537 -0.0719,0.87537 -0.45725,0.7761 -0.45726,0.77609 -1.35008,0.89689 -1.35008,0.89688 -1.9519,0.5409 -1.95188,0.5409 z m 33.00145,-39.6875 h 0.1323 v -0.13229 -0.13229 h -0.1323 -0.13229 v 0.13229 0.13229 z m 20.54212,-7.82802 0.22768,-0.14071 v -0.24897 -0.24897 h -0.39688 -0.39687 v 0.22049 0.22049 l 0.16919,0.16919 0.1692,0.1692 z" /> <rect id="bg" x="-1%" y="-1%" width="102%" height="102%"/> <mask id="myMask"> <use xlink:href="#bg" fill="white"/> <use xlink:href="#ship" fill="black" /> </mask> </defs> <use xlink:href="#bg" mask="url(#myMask)" fill="chocolate" fill-opacity="0.5"/> <use xlink:href="#ship" fill="none" id="clickHandler" style="fill:none; stroke-width:0.264583;stroke:black;"/> </svg> </body> Here is a working code pen. So far so good, but I wasn't able to align the chart and the cutout properly. The desired position of the visible part of the chart is inside the blue rectangle: As I said, I'm not sure that I took the best approach for achieving this effect. And to be honest, my knowledge in front-end development and graphical design (using .svg files) are very basic. Any help will be greatly appreciated Thanks in advance, Julian
  24. try this one <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box} body {font-family: Verdana, sans-serif; margin:0} .mySlides {display: none} img {vertical-align: middle;} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } </style> </head> <body> <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 3</div> <img src="img_nature_wide.jpg" style="width:100%"> <div class="text">Caption Text</div> </div> <div class="mySlides fade"> <div class="numbertext">2 / 3</div> <img src="img_snow_wide.jpg" style="width:100%"> <div class="text">Caption Two</div> </div> <div class="mySlides fade"> <div class="numbertext">3 / 3</div> <img src="img_mountains_wide.jpg" style="width:100%"> <div class="text">Caption Three</div> </div> <a class="prev" onclick="plusSlides(-1)">&#10094;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a> </div> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script> </body> </html>
  25. hello sir i have one massage problem i did my blog this massage code but its not work i dint know why? https://nitzteach01.blogspot.com/action_page.php?msg=hello <!doctype html> this is my blog side when i did any massage after that 404 page coming on the page so where is wrong i don't know where is worn can you help me? <style> body {font-family: Arial, Helvetica, sans-serif;} * {box-sizing: border-box;} /* Button used to open the chat form - fixed at the bottom of the page */ .open-button { background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; } /* The popup chat - hidden by default */ .chat-popup { display: none; position: fixed; bottom: 0; right: 15px; border: 3px solid #f1f1f1; z-index: 9; } /* Add styles to the form container */ .form-container { max-width: 300px; padding: 10px; background-color: white; } /* Full-width textarea */ .form-container textarea { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; resize: none; min-height: 200px; } /* When the textarea gets focus, do something */ .form-container textarea:focus { background-color: #ddd; outline: none; } /* Set a style for the submit/send button */ .form-container .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom:10px; opacity: 0.8; } /* Add a red background color to the cancel button */ .form-container .cancel { background-color: red; } /* Add some hover effects to buttons */ .form-container .btn:hover, .open-button:hover { opacity: 1; } </style> <h2>chat section</h2> <p>when you like asked any question please say not to be hesitated </p> <button class="open-button" onclick="openForm()">Chat</button> <div class="chat-popup" id="myForm"> <form action="/action_page.php" class="form-container"> <h1>Chat</h1> <label for="msg"><b>Message</b></label> <textarea placeholder="Type message.." name="msg" required></textarea> <button type="submit" class="btn">Send</button> <button type="button" class="btn cancel" onclick="closeForm()">Close</button> </form> </div> <script> function openForm() { document.getElementById("myForm").style.display = "block"; } function closeForm() { document.getElementById("myForm").style.display = "none"; } </script> </!doctype>
  26. Here is the detailed example of what you are looking for:https://www.w3schools.com/howto/howto_js_slideshow.asp
  27. Hello Team , how can i check the duplicate record in the databsae rows in PHP or PDO and mysqli
  1. Load more activity
×
×
  • Create New...