Wikipedia Viewer
How do I make an wikipedia viewer?
What is a wikipedia viewer? How do you make a wikipedia viewer? This script and codes were developed by Beau Carnes on 13 September 2022, Tuesday.
Wikipedia Viewer - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Wikipedia Viewer</title> <link href='https://fonts.googleapis.com/css?family=Didact+Gothic&effect=3d' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="row text-center"> <h1 class="font-effect-3d"> Wikipedia Search</h1> <input id="search" type="text" size="30" /> </div> <div class="row text-center"><button class="button btn" onclick="location.href='https://en.wikipedia.org/wiki/Special:Random';">Random!</button></div> <div class="row text-center"> <div class="panel-group"> <div id="results"></div> </div> </div>
</div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Wikipedia Viewer - Script Codes CSS Codes
body { background-image: url('http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/dark_embroidery.png')
}
h1 { font-family: 'Didact Gothic', sans-serif; padding-bottom: 20px;
}
button { margin: 10px;
}
.container { margin-top: 20px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 3px solid #dff1db; padding: 40px; background: grey;
}
Wikipedia Viewer - Script Codes JS Codes
$("#search").keyup(function(e) { var q = $("#search").val(); $.getJSON("http://en.wikipedia.org/w/api.php?callback=?", { srsearch: q, action: "query", list: "search", format: "json" }, function(data) { $("#results").empty(); $("#results").append("Results for <b>" + q + "</b>"); $.each(data.query.search, function(i, item) { $("#results").append("<div class=\"panel panel-success\"> <div class=\"panel-heading\"> <a href='http://en.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "'>" + item.title + "</a> </div><div class=\"panel-body\">" + item.snippet + "</div></div>"); }); }); });
Developer | Beau Carnes |
Username | beaucarnes |
Uploaded | September 13, 2022 |
Rating | 3 |
Size | 2,320 Kb |
Views | 32,384 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Internet Dungeon Game | 12,502 Kb |
Recipe Box | 5,955 Kb |
Binary Search Tree | 2,920 Kb |
AJAX | 1,919 Kb |
String Methods | 1,672 Kb |
Hash Table | 1,783 Kb |
Stacks | 1,778 Kb |
Promises | 1,845 Kb |
This | 1,717 Kb |
Camper Leaderboard | 4,550 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
WRENCH - STAFF | Lolita-adams | 1,608 Kb |
Wikipedia Viewer | Thomasvaeth | 2,549 Kb |
AngularJS Datalist Directive | M-e-conroy | 2,366 Kb |
Pomodoro Clock | Osycon | 3,705 Kb |
A cube | KyleDavidE | 18,627 Kb |
Blank Starter | Mhartington | 2,171 Kb |
Fading Navigation Bar | J-w-v | 2,805 Kb |
Draggables in pure angular | Rlo206 | 5,167 Kb |
Electric worm | Jeffibacache | 2,377 Kb |
Example SVGZ Data URI | Joeyhoer | 2,981 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!