Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,030

HOME > PHP > PHP Forum > ** ช่วยทำตัวอย่าง javascript new window โดยมีค่า id ของ php **

ช่วยทำตัวอย่าง javascript new window โดยมีค่า id ของ php

เริ่มหัวข้อใหม่

Seenin

โพสกระทู้ ( 116 )
บทความ ( 0 )

หวัดดีครับผมมีเรื่องถามคือว่า ผมได้ทำ list record ออกมาเช่นน

หัวข้อข่าว 1
หัวข้อข่าว 2
หัวข้อข่าว 3
(สมมติเป็น link เพื่อที่จะกดเข้าไปดูรายละเอียดข่าว มีการส่งค่าอ้างอิงจากฐานข้อมูลคือ $id อ้างโดย)

ซึ่งถ้าผมจะกดดูรายละลิงค์จะอ้างอิงเลข id ในฐานข้อมูลแบบนี้ <a href="view.php?id=<?=$id;?>"ใช่ไหมครับแต่คราวนี้ผมจะให้เป็นรายละเอียดข่าว เป็น pop up new window เหมือนใช้ javascript ผมใช้ <a href=javascript:window.open.....................></a> ซึ่งตรงนี้ผมเขียนไม่เป็นครับว่าจะส่งค่า id ที่อ้างอิงจากฐานข้อมูลยังไง ช่วยยกตัวอย่างให้ผมดูด้วยนะครับ ขอบคุณทุกท่านครับผม หรือมีวิธีอย่างอื่นช่วยแนะนำด้วยครับ ขอบคุณล่าวงหน้าครับ

Tag : - - - -

Date : 2009-09-01 18:17:04

By : chuensanguan

View : 4505

Reply : 10

No. 1

Guest

<?
$window_open = "'page_file.php?id=$id',600,600,'yes','no','no','no','no','no'"; // (mypage,w,h,scroll_bar,tool_bar,locat,status,menu_bar,resiz_able)
?>
<a href="javascript:window_open(<?=$window_open?>)" >หัวข้อข่าว</a>

function window_open(mypage,w,h,scroll_bar,tool_bar,locat,status,menu_bar,resiz_able)
{
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h-100)/2 : 0;

settings =' height='+h+', width='+w+', top='+TopPosition+', left='+LeftPosition+', scrollbars='+scroll_bar+', toolbar='+tool_bar+', location='+locat+',status='+status+',menubar='+menu_bar+',resizable='+resiz_able+'';
window.open(mypage,'',settings);
}

Date : 2009-09-01 18:42:31

By : heng

No. 2

Extension

โพสกระทู้ ( 381 )
บทความ ( 0 )

Code

<script language="JavaScript">
  function fncPopUp(Id)
  {
     window.open("view.php?id="+Id);
  }
</script>

<?php
echo"<a href=\"#\" onClick=\"fncPopUp($id)\">หัวข้อที่ $id</a>
?>

Date : 2009-09-01 20:01:54

By : extenser

No. 3

Extension

โพสกระทู้ ( 381 )
บทความ ( 0 )

Code

<script language="JavaScript">
  function fncPopUp(Id)
  {
     window.open("view.php?id="+Id);
  }
</script>

<?php
echo"<a href=\"#\" onClick=\"fncPopUp($id)\">หัวข้อที่ $id</a>";
?>

ขอโทษครับรีบไปหน่อย

Date : 2009-09-01 20:03:21

By : extenser

No. 4

Seenin

โพสกระทู้ ( 116 )
บทความ ( 0 )

ขอบคุณ คุณ heng และ คุณ extension นะครับ คุณ extension เก่ง javascript จังครับเจอบ่อย คุณ heng เคยตอบกระทู้ผมไปแล้วเหมือนกันผมจำคุณได้ ขอบคุณทั้งสองท่านครับ จะลองดูถ้าติดอะไรจะมาอีกครับ

Date : 2009-09-01 22:13:45

By : chuensanguan

No. 5

Seenin

โพสกระทู้ ( 116 )
บทความ ( 0 )

ทำประมาณคุณเฮง แล้วหน้าหลักมันขึ้นว่า [object] ตามภาพอ่ะ ทำไมไม่คงหน้าเดิมอ่าครับ

Date : 2009-09-02 00:07:16

By : chuensanguan

No. 6

Guest

ขอดูโค๊ดด้วยครับ

Date : 2009-09-02 05:36:23

By : heng

No. 7

Seenin

โพสกระทู้ ( 116 )
บทความ ( 0 )

ผมพลิกแพลงแบบนี้ครับส่วนของสคริป

<head>
<script language="javascript">
function fncPopUp(page,o,w,h,scroll_bar,tool_bar)
{
window.open(page,'','width='+w+', hieght='+h+', scrollbars='+scroll_bar+',toolbar='+tool_bar+' ');
}
</script>
</head>

ส่วนของลิงค์
<td style="border-bottom:dotted 1px #CCC;"><a href="javascript:fncPopUp('view.php?id=<?=$id;?>','',800,500,'yes','yes','yes','yes','yes')">ลิงค์<?=$i;?></a></td>

ก็ได้เหมือนกัน แล้วเป็นวิธีที่ถูกหรือป่าวครับ ผมอยากได้รูปแบบของการใช้ javascript.window ว่ามี option อะไรบ้างหาได้จากไหนบ้างครับ

Date : 2009-09-02 18:56:32

By : chuensanguan

No. 8

Extension

โพสกระทู้ ( 381 )
บทความ ( 0 )

ศึกษาได้จากที่นี่เลยครับ เป็นเว็บที่เป็น Global เกี่ยวกับ DOM (Document Object Model) ซึ่งดูแลมาตรฐานการพัฒนา Browser ทุกยี่ห้อครับ
http://www.w3schools.com/

อันนี้ในส่วนของ Method window.open()
http://www.w3schools.com/HTMLDOM/met_win_open.asp

Date : 2009-09-02 19:22:42

By : extenser

No. 9

Guest

Quote:
ผมพลิกแพลงแบบนี้ครับส่วนของสคริป

<head>
<script language="javascript">
function fncPopUp(page,o,w,h,scroll_bar,tool_bar)
{
window.open(page,'','width='+w+', hieght='+h+', scrollbars='+scroll_bar+',toolbar='+tool_bar+' ');
}
</script>
</head>

ส่วนของลิงค์
<td style="border-bottom:dotted 1px #CCC;"><a href="javascript:fncPopUp('view.php?id=<?=$id;?& gt;','',800,500,'yes','yes','yes','yes','yes')">ลิงค์<?=$i;?& gt;</a></td>

ก็ได้เหมือนกัน แล้วเป็นวิธีที่ถูกหรือป่าวครับ ผมอยากได้รูปแบบของการใช้ javascript.window ว่ามี option อะไรบ้างหาได้จากไหนบ้างครับ

Quote:
<td style="border-bottom:dotted 1px #CCC;"><a href="javascript:fncPopUp('view.php?id=<?=$id;?& gt;','',800,500,'yes','yes','yes','yes','yes')">ลิงค์<?=$i;?& gt;</a></td>

ถามว่าผมเป็นวิธีที่ถูกต้องหรือไม่ ผมว่าถูกต้อง แต่ตามหลักการไม่ควรส่ง parameter ที่เป็น pattern เดียวกันหรือใช้ซ้ำๆกัน ไปทุกๆ ครั้งที่มี event ครับ ควรยก parameter ทั้งหมดที่ใช้ซ้ำๆไปเขียนที่ fuction ของ javascript เลย หรือว่า parameter ที่ซ้ำๆกัน ชื่อเหมือนกัน อย่าง yes ก็ส่งไปเพียงตัวเดียวก็ได้ครับ หรือส่ง parameter ที่เป็น dynamic หรือมีการเปลี่ยนแปลงบ่อยๆ จะดีกว่าครับ อีกอย่างมันยากต่อการเขียน code แล้วจะทำให้เกิดการสับสนเองครับ

<script language="javascript">
function fncPopUp(Id,w,h,flag)
{
    window.open("view.php?id="+Id,'',"width='+w+', hieght='+h+', scrollbars='+flag+',toolbar='+flag+'");
}
</script>
</head>

ส่วนของลิงค์
<td style="border-bottom:dotted 1px #CCC;"><a href="javascript:fncPopUp(<?=$id?>,800,500,'yes')">ลิงค์<?=$i;?& gt;</a></td>

หรือแบบนี้ไปเลย เพื่อลดการสับสน หรือว่าใช้ตัวแปรเปลืองครับ ส่วนของ argument fuction ของ JavaScript กับการส่ง Parameter ของ HTML ไม่ต้องตรงเป๊ะตาม syntax ของ JavaScript ก็ได้ครับเพียงแต่ใน fuction ของ JavaScript มี argument ครบก็ตามเงื่อนไขก็ทำงานได้ครับ

<script language="javascript">
function fncPopUp(Id)
{
    window.open("view.php?id="+Id,'',"width='800', hieght='600', scrollbars='yes',toolbar='yes'");
}
</script>
<td style="border-bottom:dotted 1px #CCC;"><a href="javascript:fncPopUp(<?=$id?>)">ลิงค์<?=$i;?& gt;</a></td>

Date : 2009-09-02 22:41:03

By : extenser

No. 10

Seenin

โพสกระทู้ ( 116 )
บทความ ( 0 )

ขอบคุณครับ เป็นเทคนิคที่เยี่ยมมาก มีความเข้าใจมากขึ้นอีก

Date : 2009-09-03 12:55:47

By : chuensanguan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ** ช่วยทำตัวอย่าง javascript new window โดยมีค่า id ของ php **

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก