Vælg et billede

Kan du ikke bruge AJAX?

Du laver så en function med onclick (ved hjælp af javascript), som bliver kaldt og sætter borderen på, og udfører et kald til serveren (uden at opdatere siden). Så skal du der lave en selvstændig php-fil, som tager imod AJAX-kaldet.

AJAX står i øvrigt for Asynchronusly Javascript and XML.

De fede bogstaver er dem, som bliver brugt til at danne forkortelsen.

Jeg er slet ikke inde i Ajax eller for den sags skyld Javascript. Så det ville være super fedt hvis du gad at lave funktionen til mig.

Tak på forhånd
MVH Mikkel Mathiesen

hvad skal der så ske når billedet er valgt?

skal man kunne trykke videre til en anden side, hvor det valgte billede skal bruges til noget?

Prøv med dette:

<?php
function getIcons($folder) {

    $dirname = $folder;
    $dirhandle = opendir($dirname);
    while($file = readdir($dirhandle)) {
        if ($file != "." && $file != "..") {
            if (is_file($dirname.$file)) {
                echo "<img src=\"" . $folder . $file . "\" />";
                $arrPic[] = $folder . $file;
            } else {
                echo "mappe: " . $file . "<br>";
            }
        }
    }
    echo "<img  border=\"1\" src=\"" $arrPic[rand(0,count($arrPic)-1)] "\" />";
 
}
getIcons("images/icons/");
?>

Jeg skal bruge det til et forum, hvor man så kan vælge det ikon der skal vises når man er på oversigten over tråde. Min idé er så at man skal kunne vælge et ikon og når man så trykker opret smider den linket til billedet ind i databasen

#5 Ja ok, jeg kom til at blande flere tråde sammen, så jeg lavede en funktion der tog et random billede af dem der var tilgængelige
Så bare ignorer mit post i #4

#5 Hvordan havde du tænkt dig at de skulle vælge, hvilket Icon de vil have?

Du kunne vælge at gøre det via en radiobutton, som er med i din Opret Form

Og så imens du printer dine billeder ud via funktionen, også tilføje en radiobutton:

if (is_file($dirname.$file)) {
  echo "<input type=\"radio\" value=\"" . $folder . $file . "\" name=\"IconSelect\">"
  echo "<img src=\"" . $folder . $file . "\" />";
} else {

Derefter kan du hente den valgte radiobuttens value på siden din Form submitter til, ved hjælp af:

$Icon = $_POST["IconSelect"];

Håber det kan bruges?

7#
Jeg har selv tænkt på løsningen, men jeg vil hellere have noget smartere.

Tak for svaret

du kan lave det så billedets navn gemmes i en hidden input, når der klikkes på det, så får du navnet med videre til næste side.

eller der er måske slet ikke en form? skal det hele foregå uden at refreshe siden?

Det er i en form, hvordan vil du få billedets navn smidt i en hidden input? btw. siden skal refreshes, når man altså trykker på "opret"

utestet:

<input type="hidden" name="image" value="">

...

<img src="dit_billede.jpg" alt="din_text" onclick="this.border='1' document.getElementById('image').value=this.src">

#11
Det virker desværre ikke, men den kode gør da ikke så billedenavnet kommer i den skjulte input? Kun så der kommer en border på (den del virker ikke)

der mangler et semikolon:

<img src="dit_billede.jpg" alt="din_text" onclick="this.border='1'; document.getElementById('image').value=this.src">

og så skal din input lige have en id:

<input type="hidden" name="image" id="image" value="">

prøv igen

Det virker :D, men hvordan kan jeg så gøre så der kun kan vælges et billede? Og hvordan kan jeg ændre farven på borderen?

Tak for hjælpen

hvis du ikke har andre billeder i img-tags på din side, hvor der skal være ramme på, kan du:

function selImage(oImg){
  var oImgs = document.getElementsByTagname('img');
  var iSize = oImgs.length;

  for(var i=0;i<iSize;i++){
      oImgs[i].border = '0';
  }
  oImg.border = '1';
  document.getElementById('image').value = oImg.src;
}

og så:

<img src="dit_billede.jpg" alt="din_text" onclick="selImage(this)">

glemte at tilføje:

oImg.style.borderColor = '#00ff00';

Tak for svaret, nu ser min kode således ud:
<script type="text/javascript">
    function selImage(oImg){
      var oImgs = document.getElementsByTagname('img');
      var iSize = oImgs.length;
   
      for(var i=0;i<iSize;i++){
          oImgs[i].border = '0';
      }
      oImg.border = '1';
      oImg.style.borderColor = '#00ff00';
      document.getElementById('image').value = oImg.src;
    }
</script>
Og php'en:
<?php
function getIcons($folder) {

    $dirname = $folder;
    $dirhandle = opendir($dirname);
    while($file = readdir($dirhandle)) {
        if ($file != "." && $file != "..") {
            if (is_file($dirname.$file)) {
                echo "<img src=\"" . $folder . $file . "\" alt=\"" . $file . "\" onclick=\"selImage(this)\" />";
            } else {
                echo "mappe: " . $file . "<br>";
            }
        }
    }
   
}
?>
Men det virker desværre ikke, hverken borderen eller indsættelsen af linket i det skjulte inputfelt.

getElementsByTagName

det skal være med stort n i "name"

prøv igen

Mange tusind tak for hjælpen, det virker perfekt :D

Smid også lige at svar :D

et svar*

kommer her... efter et par mislykkede forsøg lykkedes det alligevel :)

tak for point

#23
Det er mig der siger tak :D

<ole>

I stedet for at bladre alle billederne igennem hvergang, der væles billede, kan du bare gemme en reference til det valgte billede i en global variabel:

<script type="text/javascript">
var oActImg = null;
function foo(oImg) {
    document.getElementsByName("myImage")[0].value = oImg.getAttribute("src");
    if (oActImg) oActImg.style.border = 0;
    oActImg = oImg;
    oActImg.style.border = "1px solid #00ff00";
}
</script>

<input type="hidden" name="myImage">

<img id="img_1" src="blabla_a.gif" onclick="foo(this)">
<img id="img_2" src="blabla_b.gif" onclick="foo(this)">
<img id="img_3" src="blabla_c.gif" onclick="foo(this)">

/mvh
</bole>

#23
Jeg har lige et bonus spørgsmål:
Hvordan kan man gøre så der er en der er selected fra starten?

Tak på forhånd.