setting a image with the link

Technical Details

Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
When the problem appeared : until a few weeks ago
Forum link : https://charliessims3bistro.forumotion.com/

Description of problem

Hi ..
I don't know if this is the right topic for my question!
I'll still suggest it
my question !!
I've always been able to post an image with a link

until a few weeks ago this was suddenly no longer possible
If I do this!!, you will come to the page Serving.com and not on the suggested link i put in
why is this no longer possible?
or is there some change going on that I don't know about yet!
can someone help me with my problem?

Hello thank you for asking your Question.

This tool is to make a link not add a image link tool.
you would only add the URL then text in the bottom box not a image.

I have a code i use on my forum that give a new button that will do as you ask

ACP >> Modules tab >> HTML & JAVASCRIPT >> Javascript codes management >>
Enable Javascript code management : YES Save.
make a new script

 Settings:
Title * : Image link tool.
Placement *: All pages.

Copy the code below then save.

Code:

// IMAGE LINK BUTTON
$(function(){$(function(){
  $('.sceditor-button-image').after('<a title="Insert a linked image" class="sceditor-button sceditor-button-imganc"><div style="background:url(https://i.servimg.com/u/f39/18/21/41/30/imganc10.png);"></div></a>');
  $('.sceditor-button-imganc').click(function() {
    if ($('.sceditor-insertimganc').length) return $('.sceditor-insertimganc').remove();
    $('body').append('<div class="sceditor-dropdown sceditor-insertimganc" style="position:absolute;"><div><label>IMAGE URL:</label> <input id="imganc-img" class="url" placeholder="http://" type="text"></div><div><label>LINK URL:</label> <input id="imganc-url" class="url" placeholder="http://" type="text"></div><div><label>Width (optional):</label> <input id="imganc-width" size="2" type="text"></div><div><label>Height (optional):</label> <input id="imganc-height" size="2" type="text"></div><div><input id="submit-imganc" class="button" value="Insert" type="button"></div></div>');

 $('.sceditor-insertimganc').css({'left':$('.sceditor-button-imganc').offset().left + 'px','top':$('.sceditor-button-imganc').offset().top + 25 + 'px'});
 
 $('#submit-imganc').click(function() {
  var dimension = '',
  width = $('#imganc-width').val(),
  height = $('#imganc-height').val(),
  image = $('#imganc-img').val(),
  url = $('#imganc-url').val();
 
      if (width.length > 0 && height.length > 0) dimension = '('+width+'px,'+height+'px)';
  else if (width.length > 0 && height.length < 1) dimension = '('+width+'px,'+width+'px)';
  else if (width.length < 1 && height.length > 0) dimension = '('+height+'px,'+height+'px)';
 
  if (image.length > 0 && url.length > 0) $('#text_editor_textarea').sceditor('instance').insertText('[url='+url+'][img'+dimension+']'+image,'[/img][/url]');
      $('.sceditor-insertimganc').remove();
      return false;
    });
  });
  $('.sceditor-button-source').click(function() { $('.sceditor-button-imganc').removeClass('disabled') }); $('.sceditor-button').not('.sceditor-button-imganc').click(function() { $('.sceditor-insertimganc').remove() }); $('.sceditor-container textarea').focus(function() { $('.sceditor-insertimganc').remove() }); $('.sceditor-container iframe').contents().mousedown(function() { $('.sceditor-insertimganc').remove() });
})});

//***** END OF CODE*****//

once added the icon will look like this.

Thank you very much Ape for your help
i put your code in the java script
but it is not working in my forum
i think i beter forget this than
but i still dont understand way it is not working anymore
it was so fun to put a download image by the download

Do you have JavaScript Management turned on?

CharlieSims3bistro wrote:Thank you very much Ape for your help  
i put your code in the java script
but it is not working in my forum
i think i beter forget this than
but i still dont understand way it is not working anymore
it was so fun to put a download image by the download

hello 

i tested the code for your version and it is working 
did you set it for all pages ?

If you click the image it will redirect you to my forum

if you want something like the above then use this code for posting images with a link

Code:

 [url=YOUR LINK][img]YOUR IMAGE URL[/img][/url]


example the above code is like this

Code:

[url=https://iconskouliki.forumgreek.com/][img]https://i.servimg.com/u/f28/11/40/02/06/scre1317.png[/img][/url]


if you have a test account with admin right's i can help you by adding the code and making any change to your code to make it work for you.

If you have a test account please PM me the user name and password.

thank you Ape...
i have a test indeed.. still .. i can not fiks the paypall for compleet forum.. but i will com back later on this for info:
i will send you later the info you need
and more explaining ..oke
i was just here now for a check again with the code you send,, i think i do something wrong than,
thank you again ,,

I will wait for your Pm with test account info

Thanks.

Ape.

skouliki wrote:

If you click the image it will redirect you to my forum

if you want something like the above then use this code for posting images with a link

Code:

 [url=YOUR LINK][img]YOUR IMAGE URL[/img][/url]


example the above code is like this

Code:

[url=https://iconskouliki.forumgreek.com/][img]https://i.servimg.com/u/f28/11/40/02/06/scre1317.png[/img][/url]


Does this not work on your forum?