ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: iammee ที่ 01 ตุลาคม 2023, 17:06:14



หัวข้อ: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: iammee ที่ 01 ตุลาคม 2023, 17:06:14
(https://i.imgur.com/kj9cqzE.jpg)

(http://blob:https://imgur.com/c02b9e81-39af-4245-8bbd-6bd5a53176c4)

(https://i.imgur.com/x0wh6Y5.jpg)

ทำตัวเล่นวีดีโอ แบบ iframe แต่ยังไม่ได้เพิ่มเป็น src="" เปล่าๆๆ อยากทำ iframe default แก้ขัดไปก่อน


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: iammee ที่ 06 ตุลาคม 2023, 16:04:15
++ ดันๆๆๆ หน่อย


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: BOS ที่ 07 ตุลาคม 2023, 17:10:35
ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe
โค๊ด:
<div data-src="xxx.ooo">Hello, World.</div>


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: helloweentz ที่ 07 ตุลาคม 2023, 20:33:29
น่าสนใจเหมือนกัน ลองทำบ้างครับ  :P


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: iammee ที่ 09 ตุลาคม 2023, 11:25:15
ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe
โค๊ด:
<div data-src="xxx.ooo">Hello, World.</div>
ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ  :wanwan017:


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: vii ที่ 09 ตุลาคม 2023, 11:26:53
ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe
โค๊ด:
<div data-src="xxx.ooo">Hello, World.</div>
ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ  :wanwan017:
https://codepen.io/bestspacejam/pen/GQeveR

https://stackoverflow.com/questions/31134958/placeholder-content-for-iframe


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: BOS ที่ 09 ตุลาคม 2023, 20:30:53
ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe
โค๊ด:
<div data-src="xxx.ooo">Hello, World.</div>
ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ  :wanwan017:

https://codepen.io/60ss/pen/WNLPNZr


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: iammee ที่ 10 ตุลาคม 2023, 10:56:35
ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe
โค๊ด:
<div data-src="xxx.ooo">Hello, World.</div>
ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ  :wanwan017:

https://codepen.io/60ss/pen/WNLPNZr

พอดีผมใช้ตัวนี้ครับ [iframe id="player" class="player" src="" width="100%" height="500" allowfullscreen=""]

https://wordpress.org/plugins/iframe/


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: BOS ที่ 10 ตุลาคม 2023, 23:38:51
พอดีผมใช้ตัวนี้ครับ [iframe id="player" class="player" src="" width="100%" height="500" allowfullscreen=""]

https://wordpress.org/plugins/iframe/

งั้นก็ทำย้อนกลับ ให้ iframe ที่ไม่มี src กลายร่างเป็น div ครับ

https://codepen.io/60ss/pen/Jjwxwbw


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: iammee ที่ 11 ตุลาคม 2023, 00:15:27
พอดีผมใช้ตัวนี้ครับ [iframe id="player" class="player" src="" width="100%" height="500" allowfullscreen=""]

https://wordpress.org/plugins/iframe/

งั้นก็ทำย้อนกลับ ให้ iframe ที่ไม่มี src กลายร่างเป็น div ครับ

https://codepen.io/60ss/pen/Jjwxwbw

ไม่มีอะไรเกิดขึ้นเลยครับ
(https://i.imgur.com/xcQ7XiY.jpg)

(https://i.imgur.com/zzKuSKg.jpg)

(https://i.imgur.com/kEMCQH0.jpg)


หัวข้อ: Re: iframe ว่างเปล่าเราสามารถทำ CSS ใส่ข้อความได้ไหม
เริ่มหัวข้อโดย: iammee ที่ 22 พฤศจิกายน 2023, 14:19:57
โค๊ด:
<?php
/*
Plugin Name: iframe
Plugin URI: http://wordpress.org/plugins/iframe/
Description: [iframe src="http://www.youtube.com/embed/dUpTjDqjQoo" width="100%" height="500"] shortcode
Version: 4.9
Author: webvitaly
Author URI: http://web-profile.net/wordpress/plugins/
License: GPLv3
*/

if ( ! defined( &#39;ABSPATH&#39; ) ) { // Avoid direct calls to this file and prevent full path disclosure
exit;
}

define(&#39;IFRAME_PLUGIN_VERSION&#39;, &#39;4.9&#39;);

function iframe_plugin_add_shortcode_cb$atts ) {
$defaults = array(
&#39;src&#39; => &#39;http://www.youtube.com/embed/dUpTjDqjQoo&#39;,
&#39;width&#39; => &#39;100%&#39;,
&#39;height&#39; => &#39;500&#39;,
&#39;scrolling&#39; => &#39;yes&#39;,
&#39;class&#39; => &#39;iframe-class&#39;,
&#39;frameborder&#39; => &#39;0&#39;
);

$allowed_tags = array(
&#39;h1&#39; => array(),
&#39;h2&#39; => array(),
&#39;h3&#39; => array(),
&#39;h4&#39; => array(),
&#39;h5&#39; => array(),
&#39;h6&#39; => array(),
&#39;p&#39; => array(),
&#39;a&#39; => array(
            
&#39;href&#39; => true,
            
&#39;title&#39; => true,
        
),
        &
#39;br&#39; => array(),
        
&#39;em&#39; => array(),
        
&#39;strong&#39; => array()
);

foreach ( $defaults as $default => $value ) { // add defaults
if ( ! @array_key_exists$default$atts ) ) { // mute warning with "@" when no params at all
$atts[$default] = $value;
}
}

$html "
"
.&#39;<!-- iframe plugin v.&#39;.IFRAME_PLUGIN_VERSION.&#39; wordpress.org/plugins/iframe/ -->&#39;."
";
$html .= &#39;<iframe&#39;;
foreach( 
$atts as $attr => $value ) {
if ( strtolower(
$attr) == &#39;src&#39; ) { // sanitize url
$value = esc_url( $value );
}
if ( strtolower(
$attr) == &#39;srcdoc&#39; ) { // sanitize html
$value = htmlspecialchars_decode( $value );
$value = wp_kses( $value$allowed_tags );
$value = esc_html( $value );
}
// Remove all attributes starting with "
on". Examples: onload, onmouseover, onfocus, onpageshow, onclick
if ( strpos( strtolower( 
$attr ), &#39;on&#39; ) !== 0 ) {
if ( 
$value != &#39;&#39; ) { // adding all attributes
$html .= &#39; &#39; . esc_attr( $attr ) . &#39;="&#39; . esc_attr( $value ) . &#39;"&#39;;
} else { // adding empty attributes
$html .= &#39; &#39; . esc_attr( $attr );
}
}
}
$html .= &#39;></iframe>&#39;."
";

if ( isset( 
$atts["same_height_as"] ) ) {
$html .= &#39;
<script>
document.addEventListener("
DOMContentLoaded", function(){
var target_element, iframe_element;
iframe_element = document.querySelector("
iframe.&#39; . esc_attr( $atts["class"] ) . &#39;");
target_element document.querySelector("&#39; . esc_attr( $atts["same_height_as"] ) . &#39;");
iframe_element.style.height target_element.offsetHeight   "px";
});
</script>
&#39;;
}

return $html;
}
add_shortcode( &#39;iframe&#39;, &#39;iframe_plugin_add_shortcode_cb&#39; );


function iframe_plugin_row_meta_cb( $links, $file ) {
if ( $file == plugin_basename( __FILE__ ) ) {
$row_meta = array(
&#39;support&#39; => &#39;<a href="http://web-profile.net/wordpress/plugins/iframe/" target="_blank">&#39; . __( &#39;Iframe&#39;, &#39;iframe&#39; ) . &#39;</a>&#39;,
&#39;donate&#39; => &#39;<a href="http://web-profile.net/donate/" target="_blank">&#39; . __( &#39;Donate&#39;, &#39;iframe&#39; ) . &#39;</a>&#39;,
&#39;pro&#39; => &#39;<a href="https://1.envato.market/Ym5aq" target="_blank">&#39; . __( &#39;Advanced iFrame Pro&#39;, &#39;iframe&#39; ) . &#39;</a>&#39;
);
$links = array_merge( $links, $row_meta );
}
return (array) $links;
}
add_filter( &#39;plugin_row_meta&#39;, &#39;iframe_plugin_row_meta_cb&#39;, 10, 2 );

ใครพอช่วยแก้ได้ไหมครับ