Bir HTML Dosyasını Başka Bir HTML Dosyasında çalıştırma

02.04.2023 12:05

Kitleservers WM Aracı Kullanıcı

Üyelik 02.07.2013
Yaş/Cinsiyet 37 / E
Meslek İnternet ve Bilişim hizmetleri
Konum Samsun

Ad Soyad S** O**
Mesajlar 165
Beğeniler 73 / 26
Ticaret 15, (%100)

Merhabalar;

Websitem bir çok farklı html sayfadan oluşmakta ( PHP Tabanlı Değil ) Ben bu sayfaların bir yerine örneğin kod.html oluşturup tüm sayfalarda domain.com/kod.html olarak çağırabilmek istiyorum.

Bu kod html içinde sayaç kodları vs olabilir. Bazen kodlarda değişiklik yapmak gerektiğinde tüm html dosylara tek tek girip işlem yapmak yerine sadece bu kod.html yi değiştirdiğimde otomatikmen tüm sayfalarda ki kodlarda değişecek. Yani bunu sağlamaya çalışıyorum ancak internet vs araştırdım pek çözemedim bu konuda yardıcı olabilirmisiniz rica etsem varsa bir kodu iletirmisiniz?

Örnek olarak bu kod.html içinde google analytics kodu olacak ve ben bunu index.html de çağıracağım ( çalıştıracağım ) kod.html yi umarım anlatabildim.

Şimdiden teşekkürler.

02.04.2023 18:11

#2

OmerGunay https://omergunay.net Kullanıcı

Üyelik 15.05.2015
Yaş/Cinsiyet 33 / E
Meslek PHP Developer
Konum İstanbul Avrupa

Ad Soyad Ö** G**
Mesajlar 1206
Beğeniler 374 / 380
Ticaret 16, (%100)

benim bildiğim kadarıyla öyle bişey mümkün değil. Html static yapıda çalışıyor. Php onu dinamik hale getiriyor zaten. Sizin php ye geçmeniz gerekiyor.

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)

03.04.2023 00:42

#3

Kitleservers WM Aracı Kullanıcı

Üyelik 02.07.2013
Yaş/Cinsiyet 37 / E
Meslek İnternet ve Bilişim hizmetleri
Konum Samsun

Ad Soyad S** O**
Mesajlar 165
Beğeniler 73 / 26
Ticaret 15, (%100)

Curl ile mi birşey ile yapılıyordu geçen yıl vardı bir sitemizde ancak şuan bulamıyorum.

03.04.2023 12:48

#4

rws WM Aracı Kullanıcı

Üyelik 23.10.2012
Yaş/Cinsiyet 37 / E
Meslek kimyager
Konum İstanbul Anadolu

Ad Soyad E** B**
Mesajlar 666
Beğeniler 94 / 138
Ticaret 2, (%100)

iframe kullanın

wordpress-html-css-web işleri yapılır

03.04.2023 21:32

#5

Kitleservers WM Aracı Kullanıcı

Üyelik 02.07.2013
Yaş/Cinsiyet 37 / E
Meslek İnternet ve Bilişim hizmetleri
Konum Samsun

Ad Soyad S** O**
Mesajlar 165
Beğeniler 73 / 26
Ticaret 15, (%100)

iframe ile html içinde ki sayaç kodu çalışmıyor.

03.04.2023 23:08

#6

rws WM Aracı Kullanıcı

Üyelik 23.10.2012
Yaş/Cinsiyet 37 / E
Meslek kimyager
Konum İstanbul Anadolu

Ad Soyad E** B**
Mesajlar 666
Beğeniler 94 / 138
Ticaret 2, (%100)

javascript kullanın:
tüm sayfalarda
<div id="veri"><div>
olduğunu varsayalım

let veri = document.getElementById("veri");
fetch("kod.html")
.then(response => response.text())
.then(data => veri.innerHTML = data);

Mesaj 3 defa düzenlendi. Son düzenleyen: rws (03.04.2023 23:54)

wordpress-html-css-web işleri yapılır

04.04.2023 00:40

#7

Kitleservers WM Aracı Kullanıcı

Üyelik 02.07.2013
Yaş/Cinsiyet 37 / E
Meslek İnternet ve Bilişim hizmetleri
Konum Samsun

Ad Soyad S** O**
Mesajlar 165
Beğeniler 73 / 26
Ticaret 15, (%100)

rws adlı üyeden alıntı

javascript kullanın:
tüm sayfalarda
<div id="veri"><div>
olduğunu varsayalım

let veri = document.getElementById("veri");
fetch("kod.html")
.then(response => response.text())
.then(data => veri.innerHTML = data);

let veri = document.getElementById("veri");

fetch("kod.html")
.then(response => response.text())
.then(data => veri.innerHTML = data);

Bu kod js mi olacak?

Bu kodu veri.js olarak kaydettim.

HTML sayfa head bölümüne de <div id="veri"><div>

Ekledim ancak olmadı yine.

Mesaj 1 defa düzenlendi. Son düzenleyen: Kitleservers (04.04.2023 00:45)

04.04.2023 20:20

#8

rws WM Aracı Kullanıcı

Üyelik 23.10.2012
Yaş/Cinsiyet 37 / E
Meslek kimyager
Konum İstanbul Anadolu

Ad Soyad E** B**
Mesajlar 666
Beğeniler 94 / 138
Ticaret 2, (%100)

Kitleservers adlı üyeden alıntı

let veri = document.getElementById("veri");

fetch("kod.html")
.then(response => response.text())
.then(data => veri.innerHTML = data);

Bu kod js mi olacak?

Bu kodu veri.js olarak kaydettim.

HTML sayfa head bölümüne de <div id="veri"><div>

Ekledim ancak olmadı yine.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <div id="veri"></div>




    <script src="index.js"></script>
</body>
</html>

kod.html

<h1>Hello World</h1>

index.js

let veri = document.getElementById("veri");
fetch("kod.html")
.then(response => response.text())
.then(data => veri.innerHTML = data);

index.html
kod.html
index.js

bu üçü aynı dizinde(klasorde olmalı).

kod.html içindeki veriler, index.js içinde yer alan kodlar sayasinde, id'si veri olan divin içine aktarılır

wordpress-html-css-web işleri yapılır

04.04.2023 20:42

#9

Kitleservers WM Aracı Kullanıcı

Üyelik 02.07.2013
Yaş/Cinsiyet 37 / E
Meslek İnternet ve Bilişim hizmetleri
Konum Samsun

Ad Soyad S** O**
Mesajlar 165
Beğeniler 73 / 26
Ticaret 15, (%100)

Yaptım hocam dediğiniz şekilde. Ancak kod.html için yazdığın txt yazdırma işini zaten yapıyor mühim olan analytics vb. kodunu çalıştırmak orda sorun var. Başından beri yazı yazdırıyorum ancak analytics yada amungus kodu gibi kodlar çalışmıyor..

Bir HTML Dosyasını Başka Bir HTML Dosyasında çalıştırma

Üye Girişi Yap