Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak dodoać atrybut title i alt do execCommand
Forum PHP.pl > Forum > PHP
airgucio
22.03.2015, 17:36:02
Witam

Posiadam taki oto skrypt w cmsie 
[PHP] pobierz, plaintext 
  1.  
  2. function insertlocalimage(imagePath) {
  3.         Editor.execCommand('InsertImage', false, 'http://<?echo $_SERVER['SERVER_NAME'];?>/site_images/miniaturki/'+imagePath );
  4. }
  5.  
[PHP] pobierz, plaintext


Chciałbym go rozpudować o możliwość dodania tam alt lub title, ewentualnie żeby było to pobierane z samodzielnie z nazwy pliku ( w tym przypadku z imagePath ).
Czy ktoś wie jak to zrobić ?smile.gif


Poniżej cały kod strony

[PHP] pobierz, plaintext 
  1.  <html>
  2.     <head>
  3. <link rel="stylesheet" href="../css/editor.css" type="text/css" />
  4. <script type="text/javascript" src="../js/s-editor.js"></script>
  5. <script type="text/javascript">
  6.  window.onload =   function (){
  7.     Editor = document.getElementById('box').contentWindow.document;
  8.     Editor.open();
  9.     Editor.write('<?
  10.     $text=$_SESSION['s_text']['TEXT'];
  11.     $text=str_replace("'","&#96",$text);
  12.     $text=str_replace("\r","",$text);
  13.     $text=str_replace("\n","",$text);
  14. echo($text); ?>');
  15.     Editor.close();
  16.     Editor.designMode = "on";        
  17. }
  18.  
  19. </script>
  20.  
  21. <script>
  22.     $(document).ready(function(){
  23.  
  24. 	new Ajax_upload('#addImage_add', {
  25.  
  26. 		action: '../include/s-editor_addImage.php',
  27.  
  28. 		onSubmit : function(file , ext){
  29. 			if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)){
  30.                 /* Setting data */
  31.  
  32.  
  33.  
  34. 				$('#addImage_add').text('Ładuje ' + file);
  35. 			} else {
  36.  
  37. 				$('#addImage_add').text('Tylko pliki graficzne! (GIF, JPG lub PNG)');
  38. 				return false;
  39. 			}
  40.  
  41. 		},
  42. 		onComplete : function(file, response){
  43. 			$('#addImage_add').text("Kliknij, aby dodać nowe zdjęcie...");
  44.                         //insertlocalimage(file);
  45.                        //$.get('../include/s-editor_refImage.php',function(data){alert(data)});
  46.                       $('#miniaturki_ref').load('../include/s-editor_refImage.php');
  47. 		}
  48. 	});
  49.  
  50. });
  51. function open_image(){
  52. $('#addImage').toggle('slide',{ direction: 'left'});
  53. }
  54. function delete_image(file){
  55. if(confirm('Skasować?')){
  56.     $('#addImage_add').load('../include/s-editor_deleteImage.php',{plik: file},function(file, response){
  57. 			$('#addImage_add').text("Kliknij, aby dodać nowe zdjęcie...");
  58.                         $('#miniaturki_ref').load('../include/s-editor_refImage.php');
  59. 		});
  60.     //document.getElementById('addImage').style.display='none';
  61.  
  62. }}
  63.  
  64. function insertlocalimage(imagePath) {
  65.         Editor.execCommand('InsertImage', false, 'http://<?echo $_SERVER['SERVER_NAME'];?>/site_images/miniaturki/'+imagePath );    
  66. }
  67. //<img id="greatphoto" src="brush-seller.jpg" alt="brush seller" />
  68.  
  69. function insertimage() {
  70.  
  71. 	   imagePath=prompt('Wstaw adres do obrazka:', 'http://');
  72.  
  73. 	   if ((imagePath != null) && (imagePath != "")) {
  74.            Editor.execCommand('InsertImage', false, imagePath);
  75.     }
  76. }
  77. </script>
  78. <script type="text/javascript" src="../js/color/color.js"></script>
  79.     <BODY>
  80.     <table cellspacing=0 cellmargin= 0  id="table" >
  81.     <tr><td>
  82.     <table id="przyciski"><tr>
  83.     <td><div class="ibutton"><img src="../images/editor/undo.gif" onClick="dowithtext('Undo')" title="undo" /></div></td>
  84.    <td><div class="ibutton"><img src="../images/editor/redo.gif" onClick="dowithtext('Redo')" title="redo" /></div></td>
  85.     <td><div class="ibutton"><img src="../images/editor/bold.gif" onClick="dowithtext('bold')" title="bold" /></div></td>
  86.     <td><div class="ibutton"><img src="../images/editor/italic.gif" onClick="dowithtext('italic')" title="italic" /></div></td>
  87.     <td><div class="ibutton"><img src="../images/editor/underline.gif" onClick="dowithtext('underline')" title="underline" /></div></td>
  88.     <td><div class="ibutton"><img src="../images/editor/link.gif" onClick="createURL()" title="URL" /></div></td>
  89.     <td><div class="ibutton"><img src="../images/editor/unlink.gif" onClick="dowithtext('Unlink')" title="unlink" /></div></td>
  90.     <td><div class="ibutton"><img src="../images/editor/insertlocalimage.gif" onClick="open_image()" title="insert image" /></div></td>
  91.     <td><div class="ibutton"><img src="../images/editor/insertimage.gif" onClick="insertimage()" title="insert image" /></div></td>
  92.     <td><div class="ibutton"><img src="../images/editor/justifyleft.gif" onClick="dowithtext('justifyleft')" title="justify left" /></div></td>
  93.     <td><div class="ibutton"><img src="../images/editor/justifycenter.gif" onClick="dowithtext('justifycenter')" title="justify center" /></div></td>
  94.     <td><div class="ibutton"><img src="../images/editor/justifyright.gif" onClick="dowithtext('justifyright')" title="justify right" /></div></td>
  95.     <td><div class="ibutton"><img src="../images/editor/justifyfully.gif" onClick="dowithtext('justifyfull')" title="justify fully" /></div></td>
  96.     <td><div class="ibutton"><img src="../images/editor/unorderedlist.gif" onClick="dowithtext('insertunorderedlist')" title="unordered list" /></div></td>
  97.     <td><div class="ibutton"><img src="../images/editor/orderedlist.gif" onClick="dowithtext('insertorderedlist')" title="ordered list" /></div></td>
  98. <td><div class="ibutton"><img src="../images/editor/down.png" onClick="textbox_resize(100);" title="down" /></div></td>
  99.     <td><div class="ibutton"><img src="../images/editor/up.png"  onClick="textbox_resize(-100);" title="up" /></div></td>
  100.         </tr><tr>
  101. 	    <td colspan="3"><select unselectable="on" id="fontsize" onchange="Select(this.id);">
  102.       <option value="Size">Size</option>
  103.       <option value="1">Tiny</option>
  104.       <option value="2">Small</option>
  105.       <option value="3">Normal</option>
  106.       <option value="5">Large</option>
  107.       <option value="7">Huge</option>
  108.     </select></td>
  109.     <td colspan="5"><select id="fontname" onChange="Font(this.options[this.selectedIndex].value)">
  110.     <option value ="">-- Font --</option>
  111.             <option value ="Arial">Arial</option>
  112.             <option value ="Courier">Courier</option>
  113.             <option value ="Georgia">Georgia</option>
  114.             <option value ="Comic Sans MS">Comic Sans MS</option>
  115.             <option value ="Sans Serif">Sans Serif</option>
  116.             <option value ="Tahoma">Tahoma</option>
  117.             <option value ="Times New Roman">Times New Roman</option>
  118.             <option value ="Verdana">Verdana</option>
  119.             <option value ="Weddings">Wingdings</option>
  120. 		  </select></td>
  121.     <td colspan="3"><input  class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black',pickerMode:'HSV'}" value="000000"
  122.    size="4" onchange="Colour(this.color);"></td>
  123.   </tr></table></td><td rowspan="2">
  124.       <div id="addImage">
  125.     <div id="addImage_add">Kliknij, aby dodać nowe zdjęcie...</div>
  126.     <div id="miniaturki_ref" style="margin-top:10px;height: 450px;overflow:scroll;overflow-x: hidden;">
  127.     <?php
  128. $d = dir("../site_images/miniaturki");
  129. while (false !== ($file = $d->read())) {
  130.  //echo $entry."\n";
  131.  if($file !== "." && $file !== "..")
  132.  echo "<div id=\"miniaturka\"><img src='../site_images/miniaturki/".$file."'  alt='".$file."'  title='".$file."' onclick=\"insertlocalimage('".$file."');document.getElementById('addImage').style.display='none' ;\"><div id='delete_image' onclick=\"delete_image('".$file."')\"></div></div>";
  133. }
  134. $d->close();
  135. ?>
  136. </div>
  137.     </div></td>
  138.     </tr><tr><td>
  139.         <form method="POST" action="index.php?tryb=<?php echo($_GET['tryb']); ?>&offer_id=<?php echo($_GET['offer_id']); ?>">
  140. <Br>
  141.      <?php echo('<b><div id="red">Tytuł:</b><input type="text" value="'.$_SESSION['s_text']['TITLE'].'" name="title"/></div>');  ?><br>
  142.      <?php echo('<b><div id="red">Tytuł SEO:</b><input type="text" size="80" value="'.$_SESSION['s_text']['TITLESEO'].'" name="titleseo"/></div>');  ?><br>
  143.      <?php echo('<b><div id="red">Opis SEO:</b><input type="text" size="80" value="'.$_SESSION['s_text']['DESCRIPTIONS'].'" name="descriptions"/></div>');  ?><br>
  144.      <?php echo('<b><div id="red">Slowa kluczowe:</b><input type="text" size="74" value="'.$_SESSION['s_text']['TAGS'].'" name="tags"/></div>');  ?><br>
  145.     <input type="hidden" id="htext" name="htext"/>
  146.     <input type="hidden" name="s_id" value="<?php echo((!empty($_GET['offer_id']) ? $_GET['offer_id'] : $_GET['id']));?>"/>
  147.     <input type="hidden" name="s_tryb" value="<?php echo($_GET['tryb']);?>"/>
  148.      <input type="hidden" name="s_kat" value="<?php echo($_GET['page_kat']);?>"/>
  149.     <input type="hidden" name="s_save" value="true"/>
  150.     <iframe id="box" width="100%" scrolling="auto" height="300"></iframe>
  151.     <?php
  152. $brow = strtolower($_SERVER['HTTP_USER_AGENT']);
  153. if(strpos($brow, 'msie') == false) {
  154.     echo('<input type="checkbox" id="source" onclick="viewsource(this.checked)">
  155. Tryb HTML</input>');}
  156. ?>
  157.     <input type="submit" id="save" onclick="Gettext()" value="Zapisz">
  158.     </form>
  159.     </td></tr>
  160.     </table>
  161.     <br />
  162.     </body>
  163.     </html>
[PHP] pobierz, plaintext


Z góry dziękuję za sugestie
com
22.03.2015, 17:45:50
Może by tak kod tego Editor.execCommand by się przydał nie uważasz. Bo nikt z nas przecież nie wie jak to u Ciebie wygląda
Pyton_000
22.03.2015, 20:39:56
I jaki to ma związek z PHP?
kicaj
23.03.2015, 11:26:09
Za pomocą komendy InsertImage tego nie osiągniesz. Ale możesz skorzystać z komendy InsertHTML.
airgucio
25.03.2015, 18:16:40
Udało się smile.gif 


[PHP] pobierz, plaintext 
  1.  
  2. function insertlocalimage(img) {
  3.  
  4.  
  5.   //var liczba = (int) Math.floor(Math.random()*101));
  6.   var id = "Smigiel-obrazek-" + Math.floor((Math.random() * 250) + 1); 
  7.   id=prompt ('Opis obrazka - title i alt:', ''); 
  8.   var doc = document.getElementById("box");
  9.   doc = doc.document ? doc.document : doc.contentWindow.document;
  10.   img = "<img src=http://<?echo $_SERVER['SERVER_NAME'];?>/site_images/" + img + " alt=" + id + " title=" + id + " >";
  11.  
  12.   if(document.all) {
  13.     var range = doc.selection.createRange();
  14.     range.pasteHTML(img);
  15.     range.collapse(false);
  16.     range.select();
  17.   } else {
  18.     doc.execCommand("insertHTML", false, img);
  19.   }
  20.   return doc.getElementById(id);
  21. };
[PHP] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.