Upload projektu webmasterskiego
git-svn-id: https://svn.pioder.pl/sg-svn@6 3ed2631f-fe0d-47e0-9194-a46bc0f18ee8
This commit is contained in:
chp1994
20
robocze/ask.php
Normal file
20
robocze/ask.php
Normal file
@@ -0,0 +1,20 @@
|
||||
<?php
|
||||
$i=intval($_GET['name'])+1;
|
||||
require('init.php');
|
||||
$result = mysql_query('SELECT * FROM photos WHERE id='.$i);
|
||||
$row = mysql_fetch_assoc($result);
|
||||
|
||||
if(!row) die('Error');
|
||||
|
||||
header('Content-Type: text/xml');
|
||||
echo '<?xml version="1.0" encoding="utf-8"?>';
|
||||
?>
|
||||
|
||||
<data>
|
||||
<name><?=$row['id']?>: <?=basename($row['photo_name'])?></name>
|
||||
<desc xmlns="http://www.w3.org/1999/xhtml"><p><?=$row['description']?></p></desc>
|
||||
<src><?=$row['photo_name']?></src>
|
||||
<author><?=$row['author']?></author>
|
||||
<?if($i==$count){?><last /><? } ?>
|
||||
<?if($i==0){?><first /><? } ?>
|
||||
</data>
|
||||
75
robocze/index.php
Normal file
75
robocze/index.php
Normal file
@@ -0,0 +1,75 @@
|
||||
<?php
|
||||
$page=(isset($_GET['page']))?intval($_GET['page']):0;
|
||||
$xhtml = preg_match('/application\/xhtml\+xml(?![+a-z])(;q=(0\.\d{1,3}|[01]))?/i',
|
||||
$_SERVER['HTTP_ACCEPT'], $xhtml) && (isset($xhtml[2])?$xhtml[2]:1) > 0 ||
|
||||
strpos($_SERVER["HTTP_USER_AGENT"], "W3C_Validator")!==false ||
|
||||
strpos($_SERVER["HTTP_USER_AGENT"], "WebKit")!==false;
|
||||
header('Content-Type: '.($xhtml?'application/xhtml+x':'text/ht').'ml; charset="utf-8"');
|
||||
require('init.php');
|
||||
echo '<?xml version="1.0" encoding="utf-8"?>'
|
||||
?>
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
|
||||
<head>
|
||||
<title>Galeria</title>
|
||||
<link type="text/css" href="style.css" rel="stylesheet" />
|
||||
<script type="text/javascript" src="script.js"></script>
|
||||
</head>
|
||||
<body onload="javascipt:init()">
|
||||
<div id="page">
|
||||
<div id="images_outer">
|
||||
<table id="images"><tr>
|
||||
<?php
|
||||
$result = mysql_query('SELECT * FROM photos LIMIT '.($page*$per_page).', '.$per_page);
|
||||
for($i=$page*$per_page; $row = mysql_fetch_assoc($result); $i++) {
|
||||
echo '<td class="image_outer" onclick="javascript:previewImage('.$i.')"><img alt="'.$row['photo_name'].'" src="'.$row['thumb_name'].'" class="image" /></td>';
|
||||
if($i%3==2 && $i!=$count-1) echo '</tr><tr>';
|
||||
|
||||
}
|
||||
while($i%3) {
|
||||
$i++;
|
||||
echo '<td class="image_outer_black"> </td>';
|
||||
}
|
||||
?>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="pages_outer">
|
||||
<div id="pages">Strony:
|
||||
<?php
|
||||
$pcount = ceil($count/$per_page)-1;
|
||||
for($i=0; $i<$page; $i++) {
|
||||
echo '<a href="?page='.$i.'">'.($i+1).'</a> | ';
|
||||
}
|
||||
if($page!=$pcount) echo ($page+1).' | ';
|
||||
else echo ($page+1);
|
||||
for($i=$page+1; $i<$pcount; $i++) {
|
||||
echo '<a href="?page='.$i.'">'.($i+1).'</a> | ';
|
||||
}
|
||||
if($page!=$pcount) echo '<a href="?page='.($pcount).'">'.($pcount+1).'</a>';
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div id="disp">
|
||||
<div id="disp_middle">
|
||||
<div id="disp_inner">
|
||||
<div><h3 id="disp_name"> </h3></div>
|
||||
<div id="disp_top">
|
||||
<img id="disp_prev" src="img/prev.png" onclick="javascript:prev()" alt="Poprzedni"></img>
|
||||
<a id="disp_a" href=""><img id="disp_img" src="" alt="Zdjęcie" /></a>
|
||||
<img id="disp_next" src="img/next.png" onclick="javascript:next()" alt="Następny"></img>
|
||||
</div>
|
||||
<div id="disp_info"></div>
|
||||
<div><b>Autor:</b> <a id="disp_author"> </a></div>
|
||||
<a id="disp_close" onclick="javascript:closeDisp()">Zamknij</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="icons">
|
||||
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" /></a>
|
||||
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img width="88px" height="31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Poprawny CSS!" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
10
robocze/init.php
Normal file
10
robocze/init.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<?
|
||||
mysql_pconnect('HOST', 'USER', 'PASS');
|
||||
mysql_select_db('DB');
|
||||
mysql_query("SET NAMES 'utf8'");
|
||||
|
||||
$per_page=6;
|
||||
|
||||
$result = mysql_query('SELECT COUNT(id) FROM photos');
|
||||
$count= mysql_result($result, 0);
|
||||
?>
|
||||
119
robocze/script.js
Normal file
119
robocze/script.js
Normal file
@@ -0,0 +1,119 @@
|
||||
var ajax;
|
||||
var disp;
|
||||
var disp_img;
|
||||
var disp_info;
|
||||
var disp_name;
|
||||
var disp_author, disp_a;
|
||||
var curr, last, first;
|
||||
|
||||
function init() {
|
||||
initAjax();
|
||||
disp=document.getElementById("disp");
|
||||
disp_a=document.getElementById("disp_a");
|
||||
disp_name=document.getElementById("disp_name");
|
||||
disp_author=document.getElementById("disp_author");
|
||||
disp_img=document.getElementById("disp_img");
|
||||
disp_info=document.getElementById("disp_info");
|
||||
|
||||
if (!document.importNode) {
|
||||
document.importNode = function(node, allChildren) {
|
||||
switch (node.nodeType) {
|
||||
case 1:
|
||||
var newNode = document.createElement(node.nodeName);
|
||||
/*if (node.attributes && node.attributes.length > 0)
|
||||
for (var i = 0; il = node.attributes.length; i < il)
|
||||
newNode.setAttribute(node.attributes[i].nodeName, node.getAttribute(node.attributes[i++].nodeName));*/
|
||||
//alert("Attr done");
|
||||
if (allChildren && node.childNodes && node.childNodes.length > 0) {
|
||||
il=node.childNodes.length;
|
||||
for (var i = 0; i < il; i++)
|
||||
newNode.appendChild(document.importNode(node.childNodes[i], allChildren));
|
||||
}
|
||||
return newNode;
|
||||
break;
|
||||
default:
|
||||
return document.createTextNode(node.nodeValue);
|
||||
break;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
if(!disp_name.firstChild)
|
||||
disp_name.appendChild(document.createTextNode(' '));
|
||||
|
||||
if(!disp_author.firstChild)
|
||||
disp_author.appendChild(document.createTextNode(' '));
|
||||
|
||||
}
|
||||
|
||||
function initAjax() {
|
||||
try {
|
||||
if (window.XMLHttpRequest) {
|
||||
ajax = new XMLHttpRequest();
|
||||
ajax.overrideMimeType('text/xml');
|
||||
}
|
||||
else if (window.ActiveXObject)
|
||||
ajax = new ActiveXObject('Microsoft.XMLHTTP');
|
||||
else throw 'AJAX Error';
|
||||
}
|
||||
catch (e) {
|
||||
return false;
|
||||
}
|
||||
if (!ajax) {
|
||||
alert('AJAX Error');
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
function response() {
|
||||
if (ajax.readyState != 4 || ajax.status != 200)
|
||||
return;
|
||||
|
||||
var xml = ajax.responseXML;
|
||||
while(disp_info.hasChildNodes()) disp_info.removeChild(disp_info.firstChild);
|
||||
elemXML=xml.getElementsByTagName("desc")[0];
|
||||
if(document.importNode) children=document.importNode(elemXML, true).childNodes;
|
||||
else children=elemXML.childNodes;
|
||||
for(i=0; i<children.length; i++) {
|
||||
disp_info.appendChild(children[i]);
|
||||
}
|
||||
disp_img.src=xml.getElementsByTagName("src")[0].firstChild.nodeValue;
|
||||
disp_a.href=xml.getElementsByTagName("src")[0].firstChild.nodeValue;
|
||||
|
||||
disp_name.firstChild.nodeValue=xml.getElementsByTagName("name")[0].firstChild.nodeValue;
|
||||
disp_author.firstChild.nodeValue=xml.getElementsByTagName("author")[0].firstChild.nodeValue;
|
||||
if(xml.getElementsByTagName("last").length) {
|
||||
document.getElementById("disp_next").src="img/next_i.png";
|
||||
last=true;
|
||||
}
|
||||
if(xml.getElementsByTagName("first").length) {
|
||||
document.getElementById("disp_prev").src="img/prev_i.png";
|
||||
first=true;
|
||||
}
|
||||
disp.style.display="block";
|
||||
}
|
||||
|
||||
function previewImage(el) {
|
||||
curr=el;
|
||||
last=false;
|
||||
first=false
|
||||
document.getElementById("disp_next").src="img/next.png";
|
||||
document.getElementById("disp_prev").src="img/prev.png";
|
||||
ajax.onreadystatechange = response;
|
||||
ajax.open('GET', 'http://www.amharc.yoyo.pl/ask.php?name=' + el, true);
|
||||
ajax.send(null);
|
||||
}
|
||||
|
||||
function prev() {
|
||||
if(!first) previewImage(curr-1);
|
||||
}
|
||||
|
||||
function next() {
|
||||
if(!last) previewImage(curr+1);
|
||||
}
|
||||
|
||||
function closeDisp() {
|
||||
disp.style.display="none";
|
||||
}
|
||||
105
robocze/style.css
Normal file
105
robocze/style.css
Normal file
@@ -0,0 +1,105 @@
|
||||
body {
|
||||
background-color: black;
|
||||
text-align: center;
|
||||
}
|
||||
#page {
|
||||
margin: auto;
|
||||
width: 700px;
|
||||
}
|
||||
.image_outer_black {
|
||||
width: 190px;
|
||||
height: 120px;
|
||||
padding: 7px;
|
||||
margin: 5px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.image_outer {
|
||||
width: 190px;
|
||||
height: 120px;
|
||||
padding: 7px;
|
||||
margin: 5px;
|
||||
background-color: gray;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.image_outer:hover {
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
.image {
|
||||
max-width: 200px;
|
||||
max-height: 120px;
|
||||
|
||||
}
|
||||
#images_outer {
|
||||
text-align: center;
|
||||
}
|
||||
#images {
|
||||
margin:auto;
|
||||
}
|
||||
#disp {
|
||||
width: 80%;
|
||||
background-color: gray;
|
||||
border: solid 1px black;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 10%;
|
||||
display:none;
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
#disp_close {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#disp_close:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
#disp_a, #disp_a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#disp_prev, #disp_next {
|
||||
margin-bottom: 15%;
|
||||
}
|
||||
|
||||
#disp_img {
|
||||
text-align: center;
|
||||
margin:auto;
|
||||
max-height: 300px;
|
||||
max-width: 80%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#disp_info {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#icons {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#icons a, #icons img {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
#pages {
|
||||
color: white;
|
||||
text-align: left;
|
||||
margin-left: 40px;
|
||||
}
|
||||
#pages a, #pages a:link, #pages a:hover, #pages a:visited {
|
||||
color: white;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user