Edit en IMG tag og hent height og width

<ole>

Hvis du afholder dig fra at sætte højde og bredde på billedet, vises det i korrekt størrelse og i korrekte proportioner. Hvis du allerede har editeret et andet billede og derfor sat dimensionerne, sletter du dem bare igen med JS, inden du loader det nye billede:


/mvh
</bole>

Nu læste jeg at PHP og MySQL ikke e brugbart lokalt... Du kan jo bare bruge Apache localhost ;) http://www.apache.org/dyn/closer.cgi

HEJ

TAk for responsa.

Jeg har en fornemmelse af at jeg hellere må uddybe lidt mere: (PSTIDSEN)

Fra en meget intelligent base (Delphi 7) skabes en HOVED-side (HTML), som vises i en TWebbrowser (Delphi komponent). Jeg har (efter en masse eksperimenteren) fundet frem til en måde at kommunikere (begge veje - kald det "mikro-AJAX") og det gør at jeg ikke kan bruge SQL , PHP, ASP eller noget andet.

Min "program -aftager" ønskede et program hvor "han" selv kunne være med til at udforme skærmbillederne nu og senere og "han" ved lidt (meget lidt nu..) om HTML / CSS og JavaScript. Så derfor valgte jeg at lave det sådan. Og det er jo også et ubestrideligt faktum at HTML er skabt til at vise smukke sider (HTML-sider evt. kombineret med CSS / XML) hvor delphi er bundet til sine forme og de er ikke nødvendigvis lige smukke. Derfor. Men APACHE ... For ham er det en Indianerstamme i USA...

KR

Jeg afmelder. Det her er LANGT over mit programmeringsniveau :)

@snestrup2000: Hvad med #1?

HEJ,

OLEBOLE

Sorry, jeg glemte dig i skyndingen.

Der er en mulighed der. Det kunne laves med fast højde og bredde.

Jeg havde tænkt mig noget i stil med

EDIT-MODUS:

<img src='bilde.jpg" height='yy' width='xx' onclick='editpict()'; >

Hvor editpic() åbner en lokal bib-mappe (forudbestemt), vælger billedtyper (eks. jpg /og eller png), og et JS-script skifter billednavnet (<img src=" denne her " og i JavaScript Array'et (der fungerer som "JavaScript-lokal-sql-base" (overføres senere til D7-basen) når jeg så trykker SAVE.

Men kan jeg det i JavaScript eller må jeg over i JQuery ?

Her er jeg i tvivl ...

Kr

Der er en mulighed der. Det kunne laves med fast højde og bredde. >> Mit forslag var nu det modsatte af 'fast højde og bredde'  =)

jQuery er JavaScript. Men alt, hvad du kan lave med jQuery, kan du også lave uden. Ofte i bedre kode og langt mere effektivt - nogle gange hurtigere skrevet - andre gange ikke.

HEj,

Det sjove er, at mens jeg ventede på dit svar kom der et af de her lyse indfald ...

(Og uden for nummer:
Vidste du at det bedste tidspunkt for lyse indfald er under et kæmpe druk-gilde ?

Svar: Jo- Alkohol omdannes i kroppen til eddike-syre og eddike-syre er som bekendt kalk-opløsende...) (hehe)

Gik ind på nettey og søgte efter OPENDIALOG for Javascript. Og Heureka der var den. Stripning af overflødige karakterer i returkoden var nem og så har jeg filnavnet (og biblioteket). Den rette placering i <img src='' ..> skulle være "PEACE of CAKE"  ("Fred på kagen")...

Men har du et forslag til variabel højde og ditto bredde ??

KR

HEJ OleBole,

Efter endnu et lyst indfald (nej jeg er ikke kronisk dranker (heheh) prøvede jeg et par ideer og minsandten om det ikke fungerede.

Enten er jeg dygtig (eller også er jeg bare <censur> heldig).

I objektivitetens hellige navn vælger jeg det første (naturligvis) ..

Nu kan jeg editere billeder med variabel størrelse (og hvis jeg udvider mine udvælgelses-kriterier også andre typer end JPG /JPEG.

Og da jeg ved du ikke samler point har jeg tildelt pointene til mig selv.  OK ?

Kristian

Jeg samler ikke point, så det gør du bare - men husk at acceptere dit svar, så tråden lukkes  =)

Jeg må indrømme, at jeg stadig ikke fatter hat af, hvad der er dit problem - med mindre, du har skrevet en uhensigtsmæssig kode. Det er da bare at skrive noget i stil med:


Du kan godt hente det nye billedes dimensioner:


- men det er så guddommelig overflødigt  =)

OMG ...!!! Ekspertens URL-parser er skrevet endnu dårligere end resten af sitets kode - selvom man ikke skulle tro det muligt!  :o|

Du skal bare holde dig helt fra at sætte bredde og højde på billedet. Så kan det ikke gå galt  =)

HEJ OleBole,

1000000 --> 00 Tak for din hjælp.

På min browser havde jeg det "sjove" problem, at når jeg satte Width og height blev billedet "automatisk" reduceret til thumbs- størrelse (30/28). I det øjeblik jeg droppede width/height og kun anvendte SRC = '...' fungerede det .

Så jeg er kommet videre, fundet løsningen på problemet. Lukker spørgsmålet og hvis du fortryder omkring pointene - send en kommetar og jeg tildeler dig point.

Nok engang : Tak for hjælpen.

LUKKER.

Det var så lidt, og jeg er glad for, det endelig lykkedes at finde en god løsning  =)

Jeg spørger aldrig selv, så jeg har ikke noget at bruge point til. For 10 år siden indebar det stadig en vis prestige for mig, men det var dengang. Nu skal andre have en chance for at køre mig baglæns ud af pointsystemet og 'blære' sig lidt i deres stille sind. Men tak for tilbudet  *o)

PS: "Vidste du at det bedste tidspunkt for lyse indfald er under et kæmpe druk-gilde ?" >> Hvad havde du forestillet dig? I wrote that book!  *D

HÆ HÆ,

Under hvilket pseudonum ? ((*****) 5 stjerner)

(D)-KR

Titel: "Smoke, joke, drink and wink!"
Pseudonym: "L.E. Vemand"

*-/

HEJ L.E.Vemand (alias OleBole) + HÆHÆ,

Jeg har modificeret din kode lidt, så den passer bedre til mine behov:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Billed test </title>

<script type="text/javascript">
{
    function vis(cc)
    {
        var a = document.getElementById('datafile');
        foo(a.value);
    }

    function foo(src)
    {
        document.getElementById("myImageHolder").setAttribute("src", src);
    }

    function edit()
    {
var bb = document.getElementById("edit");

        if (bb.value == 'EDIT')
        {
            bb.value = 'SAVE';
            var cc = document.getElementById("edblok");
            cc.style.display = "block";       
        }
        else
        {
            bb.value = 'EDIT';
            var cc = document.getElementById("edblok");
            cc.style.display = "none";   
        }
    }
}
</script>

</head>
<body>
    <div>
        <img id="myImageHolder" src="E:/BILDER/DÅBEN/DSC_0024.JPG" alt="imgPlaceHolder" style="border: 2px solid red">
    </div>
    <div id="edblok" style='display:none;'>
        <button onclick="foo('http://www.eksperten.dk/images/eksperten_logo.gif')">Pic A</button>
        <button onclick="foo('http://www.eksperten.dk/avatar?267')">Pic B</button>
        <form action="java script:vis();" enctype="multipart/form-data" method="post">
            <input type="file" id="datafile" size="20" value=""><br>
            <input type="Submit" value="INDSETT BILDE">
        </form>
    </div>
    <input type="button" id="edit" size="20" value="EDIT" onclick='edit();'><br>
</body>
</html>                                   


Det her fungerer sålænge jeg henter billeder fra SAMME bibliotek og kun SAMME bibliotek. Henter jeg billedet fra et andet bibliotek vises billedet ikke (damn)...

Jeg er (som du vel allerede har gættet) ikke den store ørn til JS (det er Delphi) så jeg må bede dig om en (eller flere ?)  tjeneste-(r) mere:

1: Hvordan får jeg dette til at hente billed-filer fra andre biblioteker ?

2: Hvordan ville du ændre denne kode så jeg kan gøre det hele i EEEEET klik (udover åbne EDIT og afslutte med SAVE ) ?

KR

UUUUUUUPSSSS,,,

(Fandt årsagen til manglende indsætning:

(Endnu et lyst indfald (skål ) )

<input type="file" id="datafile" size="20" value=""><br>

Size = 20 ... 

Ændrede til 40 og vips og viola (dansk for Voila ).


Men den med EEEET klik genstår.

KR


PS: Hjælp til selvhjælp er nu ikke at foragte !