Test Bogenteile Vergleichen
Aus BogenWiki
(Unterschied zwischen Versionen)
Nugman (Diskussion | Beiträge) |
Nugman (Diskussion | Beiträge) |
||
| Zeile 92: | Zeile 92: | ||
<td width=10px> | <td width=10px> | ||
<img id="BGF.BtV.Sample.Edit.Image" src="/bogenwiki_bgf/BGF_Sample_Dummy_Image.jpg" width="200"/><br> | <img id="BGF.BtV.Sample.Edit.Image" src="/bogenwiki_bgf/BGF_Sample_Dummy_Image.jpg" width="200"/><br> | ||
| - | <div id="BGF.BtV.Sample.Edit. | + | <div id="BGF.BtV.Sample.Edit.Image.None"> |
| - | + | Kein Bild ausgewählt<br> | |
| - | + | <button id="BGF.BtV.Sample.Edit.Image.Select" type="button" | |
| + | onclick="document.getElementById('BGF.BtV.Sample.Edit.Image.Upload').click();">Bild auswählen</button> | ||
| + | <input id="BGF.BtV.Sample.Edit.Image.Upload" name="ImageUpload" type="file" size="20" accept="image/jpeg,image/png" | ||
| + | style="display:none;" onchange="BGF_BtV_OnChange(this)"> | ||
| + | </div> | ||
| + | <div id="BGF.BtV.Sample.Edit.Image.Avail"> | ||
| + | <span id="BGF.BtV.Sample.Edit.Image.OrgFN">...</span> | ||
| + | <button id="BGF.BtV.Sample.Edit.Image.Select" type="button" onclick="BGF_BtV_OnClick(this)">Bild entfernen</button> | ||
| + | </div> | ||
</td> | </td> | ||
<td width=2px> </td> | <td width=2px> </td> | ||
| Zeile 311: | Zeile 319: | ||
sImageFN = BGFGetImageFN({Gebiet:Gebiet,Gebiet1:Gebiet1,KatNr:KatNr},Sample); | sImageFN = BGFGetImageFN({Gebiet:Gebiet,Gebiet1:Gebiet1,KatNr:KatNr},Sample); | ||
document.getElementById('BGF.BtV.Sample.Edit.Image').src = sImageFN; | document.getElementById('BGF.BtV.Sample.Edit.Image').src = sImageFN; | ||
| - | document.getElementById('BGF.BtV.Sample.Edit. | + | if (Sample.OrgFN != '') { |
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.OrgFN').innerHTML = Sample.OrgFN; | ||
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.None').style.display = 'none'; | ||
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.Avail').style.display = 'inline'; | ||
| + | } else { | ||
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.None').style.display = 'inline'; | ||
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.Avail').style.display = 'none'; | ||
| + | } | ||
eSampleImageFrame.style.display = 'none'; | eSampleImageFrame.style.display = 'none'; | ||
eSampleEditFrame.style.display = 'inline-block'; | eSampleEditFrame.style.display = 'inline-block'; | ||
| Zeile 422: | Zeile 437: | ||
break; | break; | ||
case 'BGF.BtV.Sample.Edit.Image.Upload': | case 'BGF.BtV.Sample.Edit.Image.Upload': | ||
| - | document.getElementById('BGF.BtV.Sample.Edit. | + | if (eElement.files[0].length > 0) { |
| - | + | document.getElementById('BGF.BtV.Sample.Edit.Image.OrgFN').innerHTML = eElement.files[0].name; | |
| - | + | document.getElementById('BGF.BtV.Sample.Edit.Image.None').style.display = 'none'; | |
| - | + | document.getElementById('BGF.BtV.Sample.Edit.Image.Avail').style.display = 'inline'; | |
| - | + | var reader = new FileReader(); | |
| - | + | reader.onload = (function (theFile) { | |
| - | + | return function (e) { | |
| - | + | document.getElementById('BGF.BtV.Sample.Edit.Image').src = e.target.result; | |
| - | + | //document.getElementById('BGF.BtV.Sample.Edit.Image').title = theFile.name; | |
| - | + | }; | |
| + | })(eElement.files[0]); | ||
| + | // Bilde als Data URL auslesen. | ||
| + | reader.readAsDataURL(eElement.files[0]); | ||
| + | } else { | ||
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.None').style.display = 'inline'; | ||
| + | document.getElementById('BGF.BtV.Sample.Edit.Image.Avail').style.display = 'none'; | ||
| + | } | ||
break; | break; | ||
default: | default: | ||
Version vom 15:01, 9. Okt. 2023
BGF.Menu
|
BGF.Data
|
|||
|
BGF.Image.Main
|
|
Template "BGF.BtV.Sample.Template"
|
|
%%Sample.ID%% (%%Sample.IDSrc%%) |
|||||||||||||||
|
||||||||||||||||
Template "BGF.BtV.Sample.Edit.Template"
![]()
Kein Bild ausgewählt
...
|
|
||||||||||||||||||||||||||||
Template "BGF.BtV.Data.Template"
| Auswahl / Filter | ||||||||||||
|

