Картинка вылазит на Div

лучше для события window resize change вообще его скрыть. а потом оно при поиске снова появится

Если вы хотите разместить подсказку в другом месте то нужно менять у $("body") идентификатор объекта в который добавить блок подсказки, и не забыть присвоить стиль position:relative этому классу или id. А при использовании события размещается только js код, а где это уже не мне решать. В стандартном шаблоне это файл lib.js, код размещается либо там либо в самом main.tpl в блоках <script> что так же есть в качестве примера в стандартных шаблонах.

В остальном можно в поисковике вбить js window resize event и посмотреть различные способы применения.

<?xml version="1.0" encoding="utf-8"?>
<dleplugin>
	<name>Вывод {title} в main.tpl из полной новости</name>
	<description></description>
	<icon></icon>
	<version></version>
	<dleversion></dleversion>
	<versioncompare>==</versioncompare>
	<upgradeurl></upgradeurl>
	<filedelete>0</filedelete>
	<needplugin></needplugin>
	<mnotice>0</mnotice>
	<mysqlinstall><![CDATA[]]></mysqlinstall>
	<mysqlupgrade><![CDATA[]]></mysqlupgrade>
	<mysqlenable><![CDATA[]]></mysqlenable>
	<mysqldisable><![CDATA[]]></mysqldisable>
	<mysqldelete><![CDATA[]]></mysqldelete>
	<phpinstall><![CDATA[]]></phpinstall>
	<phpupgrade><![CDATA[]]></phpupgrade>
	<phpenable><![CDATA[]]></phpenable>
	<phpdisable><![CDATA[]]></phpdisable>
	<phpdelete><![CDATA[]]></phpdelete>
	<notice><![CDATA[]]></notice>
	<file name="engine/modules/main.php">
		<operation action="before">
			<searchcode><![CDATA[if ($config['allow_skin_change']) {]]></searchcode>
			<replacecode><![CDATA[if ( $dle_module == "showfull" AND $news_found ) {
    $tpl->set( '[news-title]', "" );
    $tpl->set( '[/news-title]', "" );
    $tpl->set( '{news-title}', $title_buffer );
} else {
    $tpl->set( '{news-title}', "" );
    $tpl->set_block( "'\\[news-title\\](.*?)\\[/news-title\\]'si", "" );
}]]></replacecode>
			<enabled>1</enabled>
		</operation>
	</file>
	<file name="engine/modules/show.full.php">
		<operation action="before">
			<searchcode><![CDATA[$tpl->set( '{title}', str_replace("&amp;amp;", "&amp;", htmlspecialchars( $row['title'], ENT_QUOTES, 'UTF-8' ) ) );]]></searchcode>
			<replacecode><![CDATA[$title_buffer = str_replace("&amp;amp;", "&amp;", htmlspecialchars( $row['title'], ENT_QUOTES, 'UTF-8' ) );]]></replacecode>
			<enabled>1</enabled>
		</operation>
	</file>
</dleplugin>

Проверил на DLE 19,0
брал тут - https://dle-faq.ru/faq/common/768-vyvod-title-v-main.tpl.html

То есть dle_js файл трогать не нужно?
Правки делаются в папке с шаблоном в tpl файле там где форма с поиском и в engine.css ??

Сама форма с поиском у меня там сделана

<td align="right" style="padding-right: 3px; border-radius: 0px;">

<form method="get" action="/">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<input type="hidden" name="titleonly" value="3" name="do" value="search">
<input id="story" class="searchButton" type="text" onfocus="this.style.background = '#d6e7d4';" onblur="this.style.background = '#F9F9F9';" name="story" maxlength="80" value="" placeholder="Введите запрос" autocomplete="off" style="padding: 8px 8px; border-radius: 0px;" /><input class="searchButtonn" type="submit" value="Найти" name="submit2" style="padding: 8px 8px; border-radius: 0px;" />
</form>

</td>

Так нельзя менять размеры. Тут скрипт имеет абсолютную позицию и встраивается он в самый конец страницы перед body. При размещении searchsuggestions он присваивает координаты #story, изменив размер окна меняются и координаты этого элемента, а вот обновление этому не применяется.

Варианта два, использовать событие отслеживающее изменение окна resize и в нём каждый раз выполнять код

$("#searchsuggestions").css({position:"absolute",top:0,left:0}).position({my:"left top",at:"left bottom",of:"#story",collision:"fit flip"})

Второй вариант это разместить #searchsuggestions по месту формы поиска и разместить её рядом но в каком-то общем контейнере, если смотреть стандартный шаблон зелёный у меня там q_search, этому классу нужно дать relative позицию и тогда всё, что в нём будет иметь absolute позицию будет смещаться вместе с родительским окном.

Спасибо, второй вариант больше понравился )

Напишите их через запятую:

$('#xfield_holder_panel, #xfield_holder_panel2, #xfield_holder_panel3').hide();

Либо поместите их все с массив:

$(document).ready(function() {
    if( dle_group != 1 ) {
        var fieldsHide = [
            'xfield_holder_panel',
            'xfield_holder_panel2',
            'xfield_holder_panel3'
        ];
        
        $.each(fieldsHide, function(index, fieldId) {
            $('#' + fieldId).hide();
        });
    }
});

Спасибо, этот вариант сработал как надо. В editnews так же нашел куда пихнуть код )

Но как быть если нужно скрыть не одно поле, а несколько? Как должна выглядеть данная конструкция?

Можно конечно дублировать данный код несколько раз и изменять в нем доп поле, но мне кажется это не совсем хорошо.

Ну если подходит скрытие через JS, тогда в "\engine\skins\default.skin.php" после:

var dle_login_hash = '{$dle_login_hash}';

добавьте:

var dle_group      = {$member_id['user_group']};

Приведенный же вами код:

$(document).ready(function() {
    if( dle_group == 2 || dle_group == 3) {
        $('#xfield_holder_prem2').hide(); 
    }
});

в "engine/inc/addnews.php" можно добавить после тега:

<script>

(65 строка в ДЛЕ 16)

В любом случае спасибо за помощь! У кого 19. версия тому возможно пригодится