TOPIC:

How can I display an image in textfield or text box? 6 months 1 week ago #257467

  • Eddy.vh's Avatar
  • Eddy.vh
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 664
  • Karma: 4
  • Thanks: 112
Hi Andreas,

Ich denke ist auch ok in deutsch...

Wenn du dieses Teil vom Skript schreibst:

document.getElementById('form2')

Muss dein DIV Auch die ID "form2" haben sonnst geht das natürlich nicht.

Der Pfad dieses Bildes musst auch an deine situation angepasst werden.

LG aus Ahlen (Westfalen)

Eddy

Please Log in or Create an account to join the conversation.

How can I display an image in textfield or text box? 6 months 6 days ago #257480

  • Topic Author
  • Niederhofer
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 100
  • Thanks: 0
Moinmoin Eddy,
vielen Dank! Das freut mich sehr. Ich gehöre noch zur Generation Sinclair ZX81, C64 und mein erster PC-XT hat noch stolze 2000 DM gekostet. Also meine erste Programmiersprache war Basic. :)php und mysql gehen ganz leidlich, aber javascript war noch nicht dabei. Dank Tihana und auch Dir habe ich hier einige Lernkurven. Ich hoffe, ich quäle Tihana nicht so stark.

Zu dem Script von Dir. Ich habe damit mal rumgespielt:
...
var uf="<?php return JRequest::getVar('ID') ?>";
var uf1 = 'media/breezingforms/uploads/' + uf + '/foto1.jpg';

if ( uf != '') {
document.getElementById('form2').innerHTML = uf1;
//document.getElementById('form2').innerHTML = '<img alt="User Foto Test" src="media/breezingforms/uploads/' + uf + '/foto1.jpg" />';
}
....

In der Klammer der erste innerHTML mit uf1 diente dazu zu sehen, wie die Variable ID zu uf übergeben wird. Klappt gut und es wird das angezeigt: media/breezingforms/uploads/8424c554447e/foto1.jpg

Mit dem zweiten innerHTML bekomme ich nur den img alt Text angezeigt, es wird nicht auf das jpg zugegriffen. Der DIV ist, wie Du schreibst, <div id="form2"> </div>

Das ist der Pfad zu dem jpg: C:\xampp\htdocs\joomla\media\breezingforms\uploads\8424c554447e


8424c554447e ist eine (Beispiel-)ID, welche über eine random hexdecimal Funktion in einem vorhergehenden Form für den User erzeugt wurde und entsprechend weitergetragen wird zu form2. 8424c554447e ist jetzt hier mein Beispieluser.
Außerdem benennt diese ID den entsprechenden Folder in uploads. In diesem user-spezifischen Folder können foto1.jpg, foto2.jpg, foto3.jpg (und auch am besten noch die Signatur als png) sein.

Woran hakt es, dass nicht auf das jpg zugegriffen wird und stattdessen nur der img alt Text angezeigt wird?
Wie würde Dein Beispiel aussehen, wenn ich mehr als ein jpg (also alle 3 foto(1-3).jpg) anzeigen lassen möchte?

Ich bin sehr dankbar für Deine und auch Tihanas Hilfe!

LG von der Waterkant aus Kiel zurück
Andreas
Attachments:

Please Log in or Create an account to join the conversation.

How can I display an image in textfield or text box? 6 months 6 days ago #257481

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 7376
  • Karma: 3
  • Thanks: 527
Hi,

is your div id='form2':
document.getElementById('form2').innerHTML

You can check this is right click to your browser->Inspect->and in Console you can find this id for div.

This can be the reason why image is not shown there.

P.S: maybe I missed something, but I am not German speaker :)

Regards,
Tihana

Please Log in or Create an account to join the conversation.

How can I display an image in textfield or text box? 6 months 6 days ago #257484

  • Topic Author
  • Niederhofer
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 100
  • Thanks: 0
Dear Tihana,
thanks! I did the check - this is the result:
<div id="form2"><img alt="User Foto Test" src="/joomla/media/breezingforms/uploads/8424c554447e/foto1.jpg"></div>

When I hoover over this text in console, it says: "graphic could not be loaded"

Please Log in or Create an account to join the conversation.

How can I display an image in textfield or text box? 6 months 6 days ago #257500

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 7376
  • Karma: 3
  • Thanks: 527
Hi,

strange.

Is your path in code defined like this:
src="/joomla/media/breezingforms/uploads/8424c554447e/foto1.jpg"
Did you try it like:
src="/media/breezingforms/uploads/8424c554447e/foto1.jpg"

Regards,
Tihana

Please Log in or Create an account to join the conversation.

How can I display an image in textfield or text box? 6 months 6 days ago #257520

  • Topic Author
  • Niederhofer
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 100
  • Thanks: 0
Hej Tihana,
the script is like this:
if ( uf != '') {
document.getElementById('form2').innerHTML = '<img alt="User Foto Test" src="media/breezingforms/uploads/' + uf + '/foto1.jpg" />';
}

and the console shows this:
<div id="form2"><img alt="User Foto Test" src="/joomla/media/breezingforms/uploads/8424c554447e/foto1.jpg"></div>

So, /joomla/ is added to this. Still strange!?

Please Log in or Create an account to join the conversation.

Moderators: ForumSupport
Time to create page: 0.067 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!