Artikelfunktion med möjlighet att infoga bild
36 svar · 2 243 visningar · startad av lillebror · sida 2 av 2
Frågan, av lillebror
Hej! Jag har lite funderingar vad gäller implementeringen av en "infoga-bild-funktion" i mitt artikelgränssnitt. Användare kan på ett enkelt sätt kunna skriva artiklar. Nu har jag kommit så långt att det är dags att göra infoga-bild-fuinktionen så att man enkelt kan lägga in en bild på valfritt ställe i texten. Mitt tankesätt är som följer. Varje användare har en profil. Kopplat till den profil
Läs frågan i sin helhet →Inte vanligt...men det händer att man gör en blunder då och då :e Nu känns det som att jag är på god väg!
Förstår inte att det inte fungerar här när du fick det att fungera utan några som helst problem!
Om du högerklickar i webbläsaren på writearticle.php och bifogar den rena HTML-koden (d.v.s. utan PHP-koden), så kan vi ta en titt på den också.
Så här ser den rena HTML-koden ut: :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Flygfyren.nu - Ett svenskt flygforum</title>
<link rel="shortcut icon" href="./picture/favicon.ico" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script type="text/javascript" src="./m2scripts/mm2scripts.js"></script>
<style type="text/css" media="all">
@import "/css/flygfyren.css";
@import "/css/forms.css";
@import "/m2css/d_bonus.css";
</style>
<!--[if IE]>
<style type="text/css">
#main {height:100%}
</style>
<![endif]-->
</head>
<body>
<div id="main">
<div id="logo">
<img name="myimage" src="/picture/LogoFlygfyren20.jpg" width="740" height="167" alt="Logo" style="display: block;" />
</div>
<div id="content">
<script language="JavaScript" src="../inc/function.js"></script>
<div id="content_two_columns">
<h1 class="dotted_line">Skriv artikel</h1>
<form action="myprofile_writearticle.php" method="post" name="writearticle" onSubmit="return validateNewThread(this)">
<table width="100%" cellspacing="0px" cellpadding="0px" style="background-color: #888; border: 1px solid #888;" border="0px">
<tr style="background-image: url(/picture/page_bar.jpg); background-color: #0E3171; color: #000;">
<td colspan="4" width="100%" height="23px" style="padding-left: 5px; text-align: left; border-bottom: 0px solid #888;"><span style="font-size: 10px; font-weight: bold;">Skriv artikel</span></td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold; vertical-align: top;">Rubrik:</td>
<td colspan="3" width="85%"><input class="text" type="text" value="" name="articlesubject" size="30" maxlength="255"> Relaterat till artikeln</td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold; vertical-align: top;">Text:</td>
<td width="52%"><textarea class="textarea" cols="50" rows="10" name="article"></textarea></td>
<td style="padding-left: 5px; font-weight: bold; vertical-align: top;"><a href="javascript:void(window.open('articlepictures.php','','height=800,width=750'))">Popup</a></td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"><input class="buttons" name="createarticle" type="submit" value="Skapa artikeln" /> <input class="buttons" name="previewarticle" type="submit" value="Förhandsgranskning" /></td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
</table>
</form>
</div>
</div>
<div id="belowthebottom"> </div>
</div>
<div id="footer" style="text-align: center;"><span style="padding: 10px 0 0 15px; color: #000;">Allt material på Flygfyren.nu är skyddat enligt lagen om</span> <a href="http://www.notisum.se/rnp/sls/lag/19600729.HTM">upphovsrätt</a>.
<span style="font-weight: bold; padding-top: 7px; color: #FD5908;">© 2005 Flygfyren.nu</span><!--<a href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=86"><img border="0" alt="Get Firefox!" title="Get Firefox!" src="./picture/takebacktheweb_125x50.png" style="padding-top: 10px;" /></a>--></div>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
Det verkar finnas en hel del lull-lull som bara tar upp plats. Den första och sista <script>-sektionen t.ex. Vad händer om rensar bort dessa (såvida de inte fyller någon avgörande funktion d.v.s)?
De ska nog gå att ta bort. Det var ett skript till en meny som jag hade tidigare men som jag remmade i koden. Ska ta bort det och se om det blir ett annat resultat!
Ingen förändring...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Flygfyren.nu - Ett svenskt flygforum</title>
<link rel="shortcut icon" href="./picture/favicon.ico" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "/css/flygfyren.css";
@import "/css/forms.css";
</style>
<!--[if IE]>
<style type="text/css">
#main {height:100%}
</style>
<![endif]-->
</head>
<body>
<div id="main">
<div id="logo">
<img name="myimage" src="/picture/LogoFlygfyren20.jpg" width="740" height="167" alt="Logo" style="display: block;" />
</div>
<div id="metar">
<div id="tempholder">
</div>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language="JavaScript" src="/inc/dhtmllib.js"></script>
<script language="JavaScript" src="/inc/scroller.js"></script>
<script language="JavaScript">
/*
Mike's DHTML scroller (By Mike Hall)
Last updated July 21st, 02' by Dynamic Drive for NS6 functionality
For this and 100's more DHTML scripts, visit [url]http://www.dynamicdrive.co[/url]
*/
//SET SCROLLER APPEARANCE AND MESSAGES
var myScroller1 = new Scroller(50, 50, 700, 40, 0, 0); //(xpos, ypos, width, height, border, padding)
myScroller1.setColors("#000000", "#f2fc56", "#009900"); //(fgcolor, bgcolor, bdcolor)
myScroller1.setFont("Verdana,Arial,Helvetica", 2);
myScroller1.addItem("<b>TAF: ESSB 090730Z 090818 17012KT CAVOK=</b>");
//SET SCROLLER PAUSE
//myScroller1.setPause(1); //set pause beteen msgs, in milliseconds
function runmikescroll() {
var layer;
var mikex, mikey;
// Locate placeholder layer so we can use it to position the scrollers.
layer = getLayer("placeholder");
mikex = getPageLeft(layer);
mikey = getPageTop(layer);
// Create the first scroller and position it.
myScroller1.create();
myScroller1.hide();
myScroller1.moveTo(mikex, mikey);
myScroller1.setzIndex(100);
myScroller1.show();
}
window.onload=runmikescroll
</script>
<div id="placeholder" style="position:relative; width:700px; height:40px;"> </div>
</div>
<div id="menu">
<table cellspacing="0" cellpadding="0" style="border: 0;"><tr><td style='padding: 6px 0px 8px 5px;'> </td><td style='padding: 6px 0px 8px 0px;'><a href='http://www.flygfyren.nu/index.php'>Startsida</a> <b><span style='color: #FD5908;'>::</span></b> </td><td style='padding: 6px 0px 8px 0px;'><a href='http://www.flygfyren.nu/forum/forum.php'>Forum</a> <b><span style='color: #FD5908;'>::</span></b> </td><td style='padding: 6px 0px 8px 0px;'><a href='http://www.flygfyren.nu/myprofile.php'>Min profil</a> <b><span style='color: #FD5908;'>::</span></b> </td><td style='padding: 6px 0px 8px 0px;'><a href='http://www.flygfyren.nu/articles.php'>Artiklar</a> <b><span style='color: #FD5908;'>::</span></b> </td><td style='padding: 6px 0px 8px 0px;'><a href='http://www.flygfyren.nu/uploadscript.php'>Upload</a> <b><span style='color: #FD5908;'>::</span></b> </td><td style='adding: 6px 0px 8px 0px;'><a href='http://www.flygfyren.nu/logout.php'>Logga ut</a></td></tr></table></div>
<div id="content">
<script language="JavaScript" src="../inc/function.js"></script>
<div id="content_two_columns">
<h1 class="dotted_line">Skriv artikel</h1>
<form action="myprofile_writearticle.php" method="post" name="writearticle" onSubmit="return validateNewThread(this)">
<table width="100%" cellspacing="0px" cellpadding="0px" style="background-color: #888; border: 1px solid #888;" border="0px">
<tr style="background-image: url(/picture/page_bar.jpg); background-color: #0E3171; color: #000;">
<td colspan="4" width="100%" height="23px" style="padding-left: 5px; text-align: left; border-bottom: 0px solid #888;"><span style="font-size: 10px; font-weight: bold;">Skriv artikel</span></td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold; vertical-align: top;">Rubrik:</td>
<td colspan="3" width="85%"><input class="text" type="text" value="" name="articlesubject" size="30" maxlength="255"> Relaterat till artikeln</td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold; vertical-align: top;">Text:</td>
<td width="52%"><textarea class="textarea" cols="50" rows="10" name="article"></textarea></td>
<td style="padding-left: 5px; font-weight: bold; vertical-align: top;"><a href="javascript:void(window.open('articlepictures.php','','height=800,width=750'))">Popup</a></td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"><input class="buttons" name="createarticle" type="submit" value="Skapa artikeln" /> <input class="buttons" name="previewarticle" type="submit" value="Förhandsgranskning" /></td>
</tr>
<tr style="background-color: #F1EEE9;">
<td width="15%" style="padding-left: 5px; font-weight: bold;"> </td>
<td colspan="3" width="85%"> </td>
</tr>
</table>
</form>
</div>
</div>
<div id="belowthebottom"> </div>
</div>
<div id="footer" style="text-align: center;"><span style="padding: 10px 0 0 15px; color: #000;">Allt material på Flygfyren.nu är skyddat enligt lagen om</span> <a href="http://www.notisum.se/rnp/sls/lag/19600729.HTM">upphovsrätt</a>.
<span style="font-weight: bold; padding-top: 7px; color: #FD5908;">© 2005 Flygfyren.nu</span><!--<a href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=86"><img border="0" alt="Get Firefox!" title="Get Firefox!" src="./picture/takebacktheweb_125x50.png" style="padding-top: 10px;" /></a>--></div>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
Skriptdelen längst ner kan jag inte hitta igen i koden vart den kommer från...
Då vet jag inte riktigt vad som är galet eftersom jag inte upplever de problem du beskriver.
Nu när jag sitter på jobbet fungerar det hur bra som helst med att få upp popup-fönstret! :) Funktionen för övrigt fungerar också bra. BildId:et infogas på rätt sätt så jag förstår inte vad det är som fel lokalt på min dator.
Någon annan som råkat ut för detta synnerligen konstiga problem?
Länken fungerar dock när jag håller ned shift-tangenten samtidigt. Fast då öppnas inte sidan som en popup utan som en ny sida.
Hej!
Skriptet har fungerat finfint fram tills för några dagar sedan. Då blev något fel.
Så här ser skriptet ut i nuläget tagen ur php-filen:
<!--[if IE]>
<style type="text/css">
#main {height:100%}
</style>
<![endif]-->
</head>
<script type="text/javascript">
function f(id){
if (window.opener){
var e = window.opener.document.forms["writearticle"].elements["article"];
e.value += "[IMG]" + id + "[/IMG]";
window.close();
}
}
</script>
<body>
<?php
Förut gick det till på följande sätt att man placerade markören där man vill infoga bilden i formuläret. Därefter öppnade man pop-up-fönstret och klickade på aktuell bild var på IMG-taggen infogades vid markörens placering.
Nu fungerar inte detta längre och jag har svårt att se vad som är fel. Någon som ser det?
Jag gissar att det är sidan http://www.flygfyren.nu/myprofile_writearticle.php som avses (anv.namn wF, lösenord 1234). Infoga bild-funktionen där fungerar felfritt för mig. Däremot skriver du att bildens id tidigare infogats vid markörens placering. Det är nödvändigtvis inte vad ovanstående kod utför (och inte heller vad som efterfrågas i tråden ;) ).
Funkar fint för mig också, så du får nog specificera lite mer vad som inte funkar för dig.
Det har jag rensat bort sedan tidigare. Den kod som presenterats tidigare i tråden är inte längre den aktuella. Du kunde iaf inte se att det fanns något direkt fel i koden som skulle påverka den funktion jag eftersökter?
Koden du använder för närvarande lägger en
Great!
När jag ser vilken nytta man har av java/javascript funderar jag på när jag skall börja lära mig det på riktigt! :)