CreateElement не работает

@Dimarik__ · Регистрация: 29.04.2010

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<html>
    <body>
        <img src="1.jpg" onclick="fclick();">
        <script>
            function fclick()
            {
                var newimage = document.CreateElement('img');
                newimage.src = "3.jpg";
            }
        </script>
    </body>
</html>

ничё не происходит, ошибка в IE что объект не поддерживает свойство или метод на строке var newimage = document.CreateElement('img');
Mozilla никаких ошибок не выдаёт, но и события при клике никакого не происходит

Vovan-VE · 17.08.2010, 18:36

Все буквы в JS чувствительны к регистру. Правильно пишется сreateElement

@Dimarik__ · 17.08.2010, 18:45 **[ТС]**

исправил. теперь никаких ошибок нет. И НИЧЕГО НЕ РАБОТАЕТ по-прежнему

Vovan-VE · 17.08.2010, 19:13

Поправка: работает, но Вы ничего не видите. Куда, по-Вашему, девается созданный newimage?

Добавлено через 1 минуту
Что хотите получить?

@Dimarik__ · 17.08.2010, 22:52 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
    <body>
        <img src="1.jpg" onclick="fclick();">
        <script>
            function fclick()
            {
                var newimage = document.createElement('img');
                newimage.src = "3.jpg";
                newimage.style.top=50;
                newimage.style.left=50;
            }
        </script>
    </body>
</html>

чтобы картинка имела координаты (50; 50)

Добавлено через 2 часа 8 минут
аналогичная проблема, но тут я уже использовал
document.getElementById("N").appendChild (newImage);

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<?php
    require_once("config.php");
    $id = 293;
    //вывод загруженных фотографий
        echo "<table>";
        //узнаём сколько у нас фотографий всего загруженj (без фотографии Main)
        $allPhotos = NumberOfPhotos($id);
        $pathToSmallPhoto = "photos/$id/small/*.jpg";
        $pathToBigPhoto = "photos/$id/*.jpg";
        $imageSmallPhotoArray = glob($pathToSmallPhoto);
        $imageBigPhotoArray = glob($pathToBigPhoto);
        $i = 1;//переменная для цикла
        while($i <= $allPhotos)
        {   
            $iMinusOne = $i - 1;
            //url на маленькие и большие фотки
            $imageSmallPhotoArray[$iMinusOne] = 'http://localhost/'.$imageSmallPhotoArray[$iMinusOne];
            $imageBigPhotoArray[$iMinusOne] = 'http://localhost/'.$imageBigPhotoArray[$iMinusOne];
            
            //получаем размер small фотографии
            $imageSize = getimagesize($imageSmallPhotoArray[$iMinusOne]);
            $imageBigPhotoSize = getimagesize($imageBigPhotoArray[$iMinusOne]);
            if($imageSize[0] > 100)//если ширина > 100
            $newWidth = $imageSize[0] - 20;
            if (($i % 3) == 1)//когда начало новой строки
                echo "<tr>";
            echo "<td width=180 height=270 align=center><img id=\"$iMinusOne\" 
            src=\"$imageSmallPhotoArray[$iMinusOne]\" width=\"$newWidth\" 
            onmouseover=\"PhotoEnlarge($iMinusOne)\" onmouseout=\"PhotoReduce($iMinusOne)\" 
            onclick=\"PhotoCenter($iMinusOne, this,'$imageBigPhotoArray[$iMinusOne]')\"></td>";
            if (($i % 3) == 0)//когда конец строки
                echo "</tr>";
            $i++;   
        }
        if (($i % 3) != 0)
            echo "</tr>";
        echo "</table>";
?>
<script>
    function PhotoEnlarge(N)
    {
        N = parseInt(N);
        document.getElementById(N).width+=20;
    }
    function PhotoReduce(N)
    {
        N = parseInt(N);
        if(document.getElementById(N).width > 120)
            document.getElementById(N).width-=20;       
    }
    function PhotoCenter(N,object, path)
    {
        N = parseInt(N);
        var newImage = document.createElement('img');//создаём копию изображения
        newImage.src = path;
        document.getElementById("N").appendChild(newImage);//добавляем в список дочерних узлов элемента ID="N"
        newImage.style.width = object.style.width;
        newImage.style.height = object.style.height;
        newImage.style.position = 'fixed';
        newImage.style.top ='50%';
        newImage.style.left ='50%';
       /*    newImage.style.marginLeft =(-1) * parseInt(object.width)/2;
           newImage.style.marginTio =(-1) * parseInt(object.height)/2;
           newImage.onclick = function (){
               this.parentNode.removeChild(this);
           }
           document.appendChild(newImage);*/
 
    }
</script>

Vovan-VE · 18.08.2010, 05:34

У Вас <img> создается, но никуда не вставляется на страницу. Поэтому Вы его и не видите.

Сообщение от Dimarik__

JavaScript
1
2
document.getElementById(N)
document.getElementById("N")

Внимательнее

Новые блоги и статьи Все статьи Все блоги /
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	17.08.2010, 18:36
	Все буквы в JS чувствительны к регистру. Правильно пишется сreateElement 0

@Dimarik__ 21 / 21 / 3 Регистрация: 29.04.2010 Сообщений: 444
	17.08.2010, 18:45 [ТС]
	исправил. теперь никаких ошибок нет. И НИЧЕГО НЕ РАБОТАЕТ по-прежнему 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	17.08.2010, 19:13
	Поправка: работает, но Вы ничего не видите. Куда, по-Вашему, девается созданный newimage? Добавлено через 1 минуту Что хотите получить? 0