billeder i input med css

Du kan vel give den en class eller et id ?-)

ja, det ved jeg godt jeg kan, som jeg selv fortæller.

Kig på mit ilistration, der er alt tegnet som det skal se ud.

Øeh, hvad er så dit spørgsmål ?o]

læs mit spørgsmål.. ;)

<input type="text"....> eks.... X er billedet...

---------------------------------
X Fil1    X Fil2            |
---------------------------------

hvor hvert x er et billede.. og fil1 og fil2 er filer.... dvs. et billede for hver fil....

jeg har alt andet end lige det med billederne klart.. og det virker også..

jamen hvis der er flere billeder du skal bruge som en baggrund, hvorfor så ikke lægge de billeder sammen i et, ville det ikke løse problemet??

eller er det nødvendigt at det er tilfældige billeder der er som baggrund?

okey se bort fra mit indlæg, forstår din problemstilling nu. ;)

Om billedet er forskellige for gang til gang har ingen betydning.

ok ;)

Skal du have det samme billede som baggrund på flere elementer ?-)

-- så sætter du det bare på en klasse og tilføjer den til alle lementerne ...

roenving -> som i outlook, når der er et billed vedhæftet, viser den et billed som indikere typen, og så navnet på filen.

jeg tror det er det han er ude efter at lave i en input boks.

ja, lige præcis.. se selv i mit spørgsmål "<input type="text"....>".

Aha !-)

-- jeg kan ikke finde på andet end at gøre det 'langsomt', altså teste indholdet af input-felterne i en løkke, og så sætte billederne foran efter det ...

hmm.. jamen hvordan vil du gøre det ???

jeg bruger Javascript til det med upload og sådan.... og jeg sidder med en var som indeholder et filnavn.. f.eks



var filename = ......;

attached_mails += filename + ' ';


Hvad vil du så gøre her ??? 

Da men tydeligvis ikke kan have HTML tag i et tekst felt ser jeg ingen løsning.

<ole>

Vil du sætte et baggrundsbillede på et tekstfelt med JS ... eller hvad er det, du vil?  :)

- og nej, jeg bruger ikke Outlook

/mvh
</bole>

Er det noget i denne stil? Det kræver tre 16*16px giffer:
G.gif (for .gif)
J.gif (for .jpg)
D.gif (for alt andet ... 'default')
- du kan selv fylde på med andre extensions

<style type="text/css">
#gnu input {
    background-repeat: no-repeat;
    padding-left: 18px;
}
</style>
<script type="text/JavaScript">
function initIcons() {
    var ext, inpts = document.getElementById("gnu").getElementsByTagName("input");
    for (var i=0; i<inpts.length; i++) {
        if (inpts[i].type.toLowerCase()=="text") {
            ext = inpts[i].value.substr(inpts[i].value.lastIndexOf(".")+1).toLowerCase();
            inpts[i].style.backgroundImage = "url(" + ((ext=="jpg"||ext=="jpeg")? "J.gif" : (ext=="gif")? "G.gif" : "D.gif")  + ")";
        }
    }
}
window.onload = initIcons;
</script>

<div id="gnu">
    <input type="text" value="blabla_1.gif"><br>
    <input type="text" value="bla_1.jpg"><br>
    <input type="text" value="noget.txt"><br>
    <input type="text" value="bla_2.jpg"><br>
    <input type="text" value="blabla_2.gif"><br>
    <input type="text" value="noget andet.doc"><br>
    <input type="text" value="bla_3.jpg"><br>
    <input type="text" value="blabla_3.gif">
</div>

hej ol
ebole.. jeg kigger på det.. :)  lige nu

olebole >> Nej, det er ikke noget som det der.  Jeg kan opnå det samme ved at benytte CSS:

background: url('g.gif') no-repeat;
padding-left: 15px;



som jeg hele tiden har sagt...


Dette er et tekst input:  I kender type="text" som i selv bruger
Der er kun en type="text", og der er i mit eks, 2 billeder i.

Ok, 2 billeder !!!!

Jeg er snart lidt træt af at genforklare mig...

---------------------------------
X Fil1    X Fil2                |
---------------------------------


Jeg giver det et sidste try, på good will. 

Ellers tak for hjælpen.

Tænk på, det kan være dine forklaringer trætter os mere end dig ... men hvorfor prøver du dog ikke forklaringen fra en anden vinkel?  ;o)

Hvad er det, du skal have lavet? Fomår du ikke at forklare det - og det er der noget, der tyder på, det kniber med - kan du jo lave et billede og hænge op, så vi kan se, hvad du mener  :)

<Olebole>

Jeg kan sku godt forklare det, nu må du fanme stoppe !!  Det er dig som ikke forstår hvad jeg mener.  Der har allerede været en i starten, som forstod hvad jeg mente.

Glemt det.. jeg gider ikke det.  Det er det samme cirkus hver gang, folk læser ikke mit spørgsmål, og de gider ikke sætte sig ind i det.

svar >  Og til alle.

Jeg synes i skal læse noget bedre.