Funce
-
Posts
602 -
Joined
-
Last visited
-
Days Won
19
Content Type
Profiles
Forums
Events
Everything posted by Funce
-
This also looks like an incredibly old link. Nearly all the pages on w3schools have been switched to .asp files. For you to have come across a .php link is astounding. Here's the equivalent tryit if you were still interested: https://www.w3schools.com/php/showphp.asp?filename=demo_form_get
-
You'll need to go to the bottom of the page that linked to tryphp and press 'report error'. It is a much more reliable method to alert the w3schools developers.
-
This is what we refer to as a fixed height. Is it necessary to include it in your css?
-
You haven't told us what is wrong. Were you expecting a different outcome?
-
Your example doesn't illustrate your issue. The data should generally only be received at stage 4. 1: server connection established 2: request received 3: processing request 4: request finished and response is ready Do you have some specific code that is causing this issue for you?
-
You're missing a couple of things from the video I'll list them Your Youtube link is an HTML comment inside a CSS block, you'll need to move that outside the <style> tags to make it work properly You have an extra ':' after translate in your hamburger. Your left is supposed to be 50% in your hamburger. Your box shadow color in hamburger:before, hamburger:after is supposed to be rgba(0, 0, 0, 0.2) You have a background style in your icon. You need a transition of 0.5s in your hamburger:before, hamburger:after Hope this helps.
-
I had a look around. This probably best answers it: https://stackoverflow.com/questions/3627135/is-it-possible-to-set-different-duration-delay-for-transform-options You'll need to nest the elements if you want differing transition options, because transform is a single animation, and therefore grouped together for the 'transition', you won't be able to normally get different transition options.
-
Getting more than 10 images from an API request to unsplash API
Funce replied to kayut's topic in JavaScript
https://unsplash.com/documentation#search-photos You'll need to send a per_page parameter stating how many results you want per request. (Defaults to 10, as observed) Alternatively, to get the next set of results(10), you'll need a 'page' parameter. -
Getting more than 10 images from an API request to unsplash API
Funce replied to kayut's topic in JavaScript
Unsplash is a website for royalty-free images. The designer I work with uses it sometimes. -
You can compare IPs, sure. http://itman.in/en/how-to-get-client-ip-address-in-php/ Alternatively, you can use Cookies http://php.net/manual/en/function.setcookie.php and use $_COOKIE, to check if its there. If you were looking for something like 'visits' you could use sessions. Does that work for you?
-
C#, Adobe Photoshop, Illustrator, Graphic Design
Funce replied to Tahir Rasheed's topic in Suggestions
As I'm not a member of the staff, I can only speculate. Graphic Design tutorials seem a little out of scope for a web development website. As does Photoshop and Illustrator. I'm led to believe w3schools is teaching more about capability, whether something is possible, over when you should use something, ie Designing a webpage. The most C# you'll get is on the Razor ASP.net tutorials. Maybe they could be expanded? I dunno. Haven't looked into ASP very much. -
Expanding on what merzgasalim said, You're using a lot of old tags, and misusing them too. You should never need more than one <main> tag. It usually signals that this is the main content. To read, or otherwise. You've created your own <header2> tag, which is... not quite to HTML standard. If you want custom tags, use CSS classes. Like <header class="myHeader"> <center> is an old tag, and is not used except inside some antique processors like the Outlook email processor. I've had to change the img sources so I could get good testing going. Perhaps something like this would work better? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Portfolio</title> <style type="text/css"> article { width: 600px; float: right; padding-right: 100px; font-size: 20px; line-height: 2; padding-top: 100px; } main { padding-left: 70px; padding-bottom: 50px; padding-top: 50px; } header { width: 100%; font-size: 60px; margin: 20px 0; } .center-header { margin: 0 auto; width: 350px; } .row { display: flex; width: 100%; } .column { flex: 33.33%; margin-left: 5px; } .column img { width: 100%; } div { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; padding-top: 0px; } ul { list-style-type: none; margin-bottom: 5px; padding: 0; overflow: hidden; background-color: #333; display: flex; justify-content: center; width: 100%; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #111; } .active { background-color: #4caf50; } </style> </head> <body> <header><div class="center-header">Lauren Miller</div></header> <ul> <li><a href="graphic design.html">Graphic Design</a></li> <li><a class="active" href="index.html">About Me</a></li> <li><a href="art.html">Art</a></li> </ul> <div class="row"> <div class="column"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg" alt="" /> </div> <div class="column"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg" alt="" /> </div> <div class="column"> <img src="https://upload.wikimedia.org/wikipedia/commons/1/14/Gatto_europeo4.jpg" alt="" /> </div> </div> <div class="row"> <div class="column"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg" alt="" /> </div> <div class="column"> <img src="https://upload.wikimedia.org/wikipedia/commons/1/14/Gatto_europeo4.jpg" alt="" /> </div> <div class="column"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg" alt="" /> </div> </div> </body> </html>
-
Seems to 404 when I attempt a POST request to it. Pretty interesting. I suggest you press 'report error' at the bottom of the page on the tutorial or page you were reading this on.
-
Is it necessary to have them in separate tables? This seems like the exact trouble you'd run if they're separate. You might want to look at `CASE` statements, and using `EXISTS`. If you really want to go down this route. I tried looking at these questions: https://stackoverflow.com/questions/4076098/how-to-select-rows-with-no-matching-entry-in-another-table/36694478#36694478 https://stackoverflow.com/questions/63447/how-do-i-perform-an-if-then-in-an-sql-select
-
Were you looking for something like this? <!DOCTYPE html> <html> <style> img { width: 500px; } .image-caption { display: none; width: 500px; background-color: cyan; } </style> <body> <div class="image-caption-container"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg"/> <div class="image-caption"> This is a cat </div> </div> <div class="image-caption-container"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg"/> <div class="image-caption"> This is a cat </div> </div> </body> <script> function handleClick() { console.log(this.children[1]); toggleDisplay.call(this.children[1]) } function toggleDisplay() { var x = this; if (x.style.display === "block") { x.style.display = "none"; } else { x.style.display = "block"; } } window.onload = function() { var containers = document.querySelectorAll(".image-caption-container"); containers.forEach(function (container) { container.onclick = handleClick; }); }; </script> </html>
-
An SQL command given that you already have the unix time stored in another variable would be quite simple. DELETE FROM table WHERE time < ? As long as you've inserted these records with their related timestamp, this should remove everything that has a timestamp less than the value you set. The value can be calculated as <?php $criteria = time() - 3600; //3600 seconds is 1 hour ?>
-
Its a good point of reference, but most of the time I just answer questions in this forum. With the occasional question of my own.
-
It looks like its using 1.6.9
-
This one should be pretty simple, this should count up. Its just as simple as making sure that the 'countDownDate' is set to something in the past. All you need to do is replace two bits // Set the date we're counting down to var countDownDate = new Date("Jan 5, 2021 15:37:25").getTime(); With // Set the date we're counting down to var countDownDate = new Date().getTime(); And then this var distance = countDownDate - now; with var distance = now - countDownDate;
-
Be aware, Our Services doesn't have a <a> inside it, so you'll need to correct that for this to work. Replacing .navbar a:hover, .dropdown:hover .dropbtn { background-color: white; } With .navbar a:hover, .dropdown:hover .dropbtn, .dropdown:hover .dropbtn a { background-color: white; color: black; } Does what you want.
-
How to Make <body> Take Up 100% of the Browser Height ?
Funce replied to vmars316's topic in HTML/XHTML
What Browser are you using? Only thing I could think of is caching. Try a hard refresh ([CTRL] + [F5]) to see if you're just using an old stylesheet. Otherwise could clear your browsing data - 'cached images and files' -
I just fiddled with a couple of things in your code, it works fine, except for that fact that your search container is inside your blog container. It doesn't look like there's that much formatting in your code (unless your editor and the forum doesn't play nice). Here's a version that may work with some corrected styles too. (I just added display: none to the search container) CSS: #blogcontainer { width: 100%; height: 90%; float: left; overflow-y: hidden; padding: 0; position: static; float: left; margin-left: 0; margin-right: 0; margin-bottom: 0; } #searchcontainer { width: 100%; height: 90%; float: left; overflow-y: hidden; padding: 0; position: static; display: none; float: left; margin-left: 0; margin-right: 0; margin-bottom: 0; } #rightcontainer { height: 100vh; width: calc(100% - 20vh - (0.678 * (100%-20vh))); position: fixed; overflow: hidden; background-color: gray; margin-left: calc((0.678 * (100%-20vh)) + 20vh); float: left; margin-right: 0; } HTML: <div id="rightcontainer"> <div id="searchbox"> <form> <input type="text" placeholder="Search..." required /> <input id="cardib" type="button" value="Search" onclick="getSearch()" /> </form> </div> <button id="down" onclick="scrollDown()" onmouseenter="Highlight1()"> ▼ </button> <button id="up" onclick="scrollUp()" onmouseenter="Highlight2()"> ▲ </button> <div id="blogcontainer" onmouseover="RollOff1()" onmouseout="RollOff2()"> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">Valentines and Rats</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">Valentines and Rats</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">Valentines and Rats</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">Valentines and Rats</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> </div> <div id="searchcontainer" onmouseover="RollOff1()" onmouseout="RollOff2()"> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">OMG</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">OMG</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">OMG</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> <div class="postcontainer"> <div class="thumb"></div> <div class="topblock"> <div class="titleblock">OMG</div> <div class="moreblock">MORE ></div> </div> <div class="block"> <div class="date"><p>February 14, 2016</p></div> We celebrate Valentine's Day while I battle rats in the coop. </div> </div> </div> </div>
-
You might be able to query from what file the request is running on. You can always use $_SERVER['PHP_SELF'] to find out what file is running. Just go something like this for a quick and dirty solution. <li class="<?php echo ($_SERVER['PHP_SELF'] == "/index.php" ? "active" : "");?>"> <a href="index.php">Start</a> </li> <li class="<?php echo ($_SERVER['PHP_SELF'] == "/about.php" ? "active" : "");?>"> <a href="about.php">About</a> </li> <li class="<?php echo ($_SERVER['PHP_SELF'] == "/practices.php" ? "active" : "");?>"> <a href="practices.php">Practices</a> </li> From what I've seen, it uses a relative-to-root path so if its under any directories you'll need to write it as "/sub-directory/about.php"
-
Without a binding? You might be able to use a prepared query like this. <?php $stmt = $dbh->prepare("SELECT * FROM REGISTRY WHERE name = ? AND id = ?"); if ($stmt->execute(array($name, $id))) { //Stuff } ?> If you want to see the other ways (mostly binding) you can check it out on the doc page: http://php.net/manual/en/pdo.prepared-statements.php Although I'm perplexed as to why it is imperative to not use a binding.
-
Which question gives you this error? What was your answer?
