foto uploaden door andere

Status
Niet open voor verdere reacties.
M

mugshaw

Nieuwe gebruiker
Lid geworden
23 mei 2015
Berichten
3
Hallo allemaal, ik ben nieuw met website ontwerpen.
Ik doe dit puur op hobby basis, dus houd het antwoord aub simpel (jip en janneke taal zeg maar).

wat zou ik graag willen doen?
Ik wil een site maken met x aantal 4 kantjes (bv 100px x 100px).
De bedoeling is dat een voetbalclub zijn logo zelf kan uploaden in z'n vakje.
als vervolgens een bezoeker komt en hij klikt op het logo dan moet die naar de website van betreffende voetbalclub gaan.

dus in het kort wil ik dat een club zelf zijn logo kan uploaden (liefst zonder regrestratie) en zelf een hyperlink van zijn eigen site kan meegeven.
ik denk zelf aan iets van een pop-up of andere pagina die tijdelijk verschijnt, belangrijk is wel als het vakje bezet is niet iemand anders deze kan overnemen.

ik kan van alles vinden over een upload button, en bv een profielfoto uploaden, maar dat is niet geheel wat ik zoek.
wie kan mij hiermee helpen? ik kom er helaas niet uit en zou graag mijn belofte willen nakomen over het maken van een site voor sportclubs.

alvast hartelijk dank voor de hulp
 
Ik kan je even op weg helpen met het vierkant. Wat ik ooit gebruikt heb (vraag me niet waarvoor) is dit:

HTML: 
<html>
<Head>
<title>
Control
</title>
<style>
body {


}

#aan{
position:absolute;
top:25%;
left:25%;
height: 50%;
width: 25%;
background-color:darkgreen;
}
#uit{
position:absolute;
top:25%;
left:50%;
height: 50%;
width: 25%;
background-color:darkred;
}
#d1{
position:absolute;
top:0;
left:0;
height: 50%;
width: 50%;
color:white;
background-color:green;
}
#d2{
position:absolute;
top:0;
left:50%;
height: 50%;
width: 50%;
color:black;
background-color:yellow;
}
#d3{
position:absolute;
top:50%;
left:0;
height: 50%;
width: 50%;
color:white;
background-color:blue;
}
#d4{
position:absolute;
top:50%;
left:50%;
height: 50%;
width: 50%;
color:white;
background-color:red;
}
</style>
</head>
<body>

<a target="frame" href="">
<div id ="d1"><a target="frame" href="/1/on"><div id="aan"></div></a><a target="frame" href="/1/off"><div id="uit"></div></a></div>
<div id ="d2"><a target="frame" href="/2/on"><div id="aan"></div></a><a target="frame" href="/2/off"><div id="uit"></div></a></div>
<div id ="d3"><a target="frame" href="/3/on"><div id="aan"></div></a><a target="frame" href="/3/off"><div id="uit"></div></a></div>
<div id ="d4"><a target="frame" href="/4/on"><div id="aan"></div></a><a target="frame" href="/4/off"><div id="uit"></div></a></div>

<iframe name="frame" style="display:none;" > </iframe>
</body>
</html>

Werkelijk waar, het is alleen bedoeld als opstapje.
Wat betreft het andere, je komt al redelijk snel uit bij PHP. Ik wil je hier wel mee helpen, maar dan zie ik wel graag een opzet. Wij zijn hier niet om jouw werk letterlijk te maken.
 
Heb je al een idee hoe en waarmee je de site gaat maken?

Je wilt dus eigenlijk voor elke voetbalclub die mee wil werken een site maken en dan mogen ze zelf een logo uploaden die dan verwijst naar hun eigen website.
Dus eigenlijk een soort van startpagina met logo's.

Is dat niet een beetje ingewikkeld? Want hoeveel voetbalclubs mogen dan inloggen om iets te uploaden?
Mij lijkt het dat je het overzicht dan kwijt raakt.

Je kan dan beter zelf een website maken met logo's en voetbalclubs aanschrijven die mee willen werken. Je upload dan zelf hun logo's en maakt zelf de link.
 
Laatst bewerkt:
Super bedankt hiervoor al, ik dacht dat ik van alle reactie een mail kreeg, blijkbaar alleen de eerste.
dus een late reactie van mij.

wat ik heb aan php is het volgende
<html>
<head>
<title>Uploading images</title>
</head>

<body>

<form action="upload_image.php" method="post" enctype="multipart/form-data">

<input type="file" name="image">
<input type="submit" name="upload" value="Upload Now">

</form>
<?php
if(isset($_POST['upload'])) {

$image_name = $_FILES['image']['name'];
$image_type = $_FILES['image']['type'];
$image_size = $_FILES['image']['size'];
$image_tmp_name= $_FILES['image']['tmp_name'];

if($image_name==''){
echo "<script>alert('Please select image')</script>";
exit();
}
else{
move_uploaded_file($image_tmp_name,"photos\$image_name");
echo "Image uploaded";
echo "<img src='photos\$image_name'>;
}
}
?>
</body>
</html>

en voor de html heb ik dit.
<!DOCTYPE html>
<html>
<body>

<form action="FileUpload.php" method="post" enctype="multipart/form-data">
Select image to upload:
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload Image" name="submit">
</form>

</body>
</html>

ik weet niet wat fout is.. wellicht koppel ik ze onjuist of iets anders.
heel erg bedankt voor de hulp zover, en nee ik zou niet willen dat je alles voor me doet.

en @femke98.. tuurlijk kan het ook zo, dat is een optie om mee te starten die ik me heb overwogen.
maar liever heb ik het automatisch, kan ik het meteen voor nog iets gebruiken en heb ik er geen omkijken naar.



Hiddehoi zei:
Ik kan je even op weg helpen met het vierkant. Wat ik ooit gebruikt heb (vraag me niet waarvoor) is dit:

HTML: 
<html>
<Head>
<title>
Control
</title>
<style>
body {


}

#aan{
position:absolute;
top:25%;
left:25%;
height: 50%;
width: 25%;
background-color:darkgreen;
}
#uit{
position:absolute;
top:25%;
left:50%;
height: 50%;
width: 25%;
background-color:darkred;
}
#d1{
position:absolute;
top:0;
left:0;
height: 50%;
width: 50%;
color:white;
background-color:green;
}
#d2{
position:absolute;
top:0;
left:50%;
height: 50%;
width: 50%;
color:black;
background-color:yellow;
}
#d3{
position:absolute;
top:50%;
left:0;
height: 50%;
width: 50%;
color:white;
background-color:blue;
}
#d4{
position:absolute;
top:50%;
left:50%;
height: 50%;
width: 50%;
color:white;
background-color:red;
}
</style>
</head>
<body>

<a target="frame" href="">
<div id ="d1"><a target="frame" href="/1/on"><div id="aan"></div></a><a target="frame" href="/1/off"><div id="uit"></div></a></div>
<div id ="d2"><a target="frame" href="/2/on"><div id="aan"></div></a><a target="frame" href="/2/off"><div id="uit"></div></a></div>
<div id ="d3"><a target="frame" href="/3/on"><div id="aan"></div></a><a target="frame" href="/3/off"><div id="uit"></div></a></div>
<div id ="d4"><a target="frame" href="/4/on"><div id="aan"></div></a><a target="frame" href="/4/off"><div id="uit"></div></a></div>

<iframe name="frame" style="display:none;" > </iframe>
</body>
</html>

Werkelijk waar, het is alleen bedoeld als opstapje.
Wat betreft het andere, je komt al redelijk snel uit bij PHP. Ik wil je hier wel mee helpen, maar dan zie ik wel graag een opzet. Wij zijn hier niet om jouw werk letterlijk te maken.
Klik om te vergroten...
 
update

Kleine update. ik heb onderste gemaakt. De vraag echter hoe zorg ik dat ipv de vaste verwijzing naar een afbeelding, het mogelijk is voor iemand anders om een plaatje up te loaden?
Ik heb helaas geen flauw idee.. hulp wordt zeer gewaardeerd.


<html>
<Head>
<title>
Titel
</title>
<style>
body {


}
#een{position:absolute;top:0%;left:0%;height:100%;width:6.25%;}
#rij1{position:absolute;top:10%;left:0;height:10%;width:100%;background-color:black;}

</style>
</head>
<body>

<div id ="rij1">
<a target="frame" href="/1/een"><div id="een"></div></a><img src="1/een.jpg" alt="image" width=6.25% height=100%/>
</div>

<iframe name="frame" style="display:none;" > </iframe>
</body>
</html>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan