prosoxi.com | Archive | HTML – XHTML

Archive | HTML – XHTML

RSS feed for this section

TinyMCE: Configuration/valid elements

Posted on 19 May 2009. Tags: ,

 

Option: valid_elements

The valid_elements option defines which elements will remain in the edited text when the editor saves. You can use this to limit the returned HTML to a subset.

This option contains a comma separated list of element conversion chunks. Each chunk contains information about how one element and its attributes should be treated. The default rule set for this option is specified below. Continue Reading

Posted in HTML - XHTML, JavaScript - Ajax0 Comments

Absolute CSS Boxes

Posted on 02 April 2009.

Quite some time ago, I had an argument with a friend who is a big fan of Microsoft products. While I’m no Xbox hater, I am not very fond of some of their more shoddy products such as Internet Explorer. He was justifying the shortcomings of IE6, saying that absolute positioning is rarely used in web pages, and that :hover pseudo class is not really that useful.

For the most part, he was right. Very few websites I have seen actually make extensive use of absolute positioning. By default, if you do not specify a mode, web browsers will use static positioning. This is what I used in nearly all the sites I have done. For most real-world scenarios, extra features are not needed. Still, good browsers adhere to standards as much as possible. There is even the Acid2 Test to determine how well various browsers measure up.

In that same vein of relatively useless, but somewhat amusing CSS implimentation, I have whipped up this little demo. It works in Firefox, Opera and Safari, but fails in the big blue E. Those who are proned to seizures might not want to move the mouse around too quickly. Use at your own risk:

Demo: Absolute CSS Boxes 

There you have it folks, an impractically enjoyable use of CSS! By the way, these effects do not use images or JavaScript. It uses only a single file, containing valid XHTML 1.0 Strict and CSS. Feel free to take the code and do what you want with it. Don’t forget to check it out in Internet Explorer, and show all of your friends why they need to switch to a different browser. ;-)

thanks
http://sonspring.com/journal/absolute-css-boxes

Posted in CSS, HTML - XHTML0 Comments

Tinymce pagebreak button

Posted on 27 January 2009.

<script language=”javascript” type=”text/javascript” src=”Scripts/tiny_mce/tiny_mce.js”></script>

<script language=”javascript” type=”text/javascript”>

// Notice: The simple theme does not use all options some of them are limited to the advanced theme

tinyMCE.init({

mode : “textareas”,

 

height : “380″,

width : “380″,

theme : “advanced”,

valid_elements : “img[src|border|alt=|title|width|height|align|class],a[href|target=_blank],b/strong,div[align],br,ol,li,ul,p,blockquote”,

entity_encoding : “utf-8″,

plugins :”pagebreak”,

theme_advanced_buttons3 : “pagebreak”,

pagebreak_separator : “<!– my page break –>”

});

</script>

Posted in HTML - XHTML, JavaScript - Ajax1 Comment

Tinymce Full Flash valid_elements

Posted on 18 December 2008. Tags: , , , ,

Full FlashMX 2004 rule set:
The following will validate that the page complies fully with the flashMX 2004 specification.
valid_elements : “”
+”a[href|target],”
+”b,”
+”br,”
+”font[color|face|size],”
+”img[src|id|width|height|align|hspace|vspace],”
+”i,”
+”li,”
+”p[align|class],”
+”h1,”
+”h2,”
+”h3,”
+”h4,”
+”h5,”
+”h6,”
+”span[class],”
+”textformat[blockindent|indent|leading|leftmargin|rightmargin|tabstops],”
+”u”

add custom buttons http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/theme_advanced_buttons_1_n

Posted in Flash, HTML - XHTML, JavaScript - Ajax, Programming0 Comments

Install FCKeditor

Posted on 13 December 2008.

Header

<script type=”text/javascript” src=”Scripts/fckeditor/fckeditor.js”></script>

Body

<script type=”text/javascript”>

window.onload = function()

{

var oFCKeditor = new FCKeditor( ‘n_message_<?php echo $cnt1; ?>’ ) ;

oFCKeditor.BasePath = “Scripts/fckeditor/” ;

oFCKeditor.Height = 600 ;

oFCKeditor.Width = 800 ;

oFCKeditor.ReplaceTextarea() ;

}

</script>

 

Config

\Scripts\editors\fckeditor\editor\filemanager\connectors\php

end edit the config.php

// Path to user files relative to the document root.

$Config['UserFilesPath'] = ‘http://ns2/***/images/’ ;

$Config['UserFilesAbsolutePath'] = ‘C:/xampp/htdocs/***/images/’ ;

Posted in HTML - XHTML, PHP, Programming0 Comments

PHP array Form Post

Posted on 26 November 2008.

Form Code

<label> <input type=”checkbox” name=”oik_stoxoi[]” id=”ergasia” value=”Me perisoteri ergasia” /> Με περισσότερη εργασία</br><br> </label>

          <label><input type=”checkbox” name=”oik_stoxoi[]” id=”ergasia” value=”Me perisotero Pragramatismo” /> Με περισσότερο προγραμματισμό</br><br> </label>

<label> <input type=”checkbox” name=”oik_stoxoi[]” id=”ergasia” value=”Me perisoteri tolmi” />Mε περισσότερη τόλμη</label>

PHP action Code

<?php

for ($i=0; $i<count($_POST['oik_stoxoi']); $i++){ 

$assistivetech_req .= addslashes($_POST['oik_stoxoi'][$i].” – “); 

//do this 

//echo $assistivetech_req;

}//end loop

?>

Posted in HTML - XHTML, PHP0 Comments

Special Characters & Symbols in HTML

Posted on 13 November 2008.

Alternatives

The column on the left in the following table contains codes that do not work in all browsers. The codes in the column on the right do. So use the codes on the right for these symbols to avoid unpleasant surprises.

Continue Reading

Posted in HTML - XHTML0 Comments

Making scrolling text with the use of the marquee tag on DIV

Posted on 06 November 2008.

Scrolling upward text or vertical text.

<div
align=”center”> <marquee bgcolor=”#000080″ scrollamount=”2″
direction=”up” loop=”true” width=”35%”> <center>
<font color=”#ffffff” size=”+1″><strong> THIS
IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br>
IT IS EASY AND FAST LOADING </strong></font> </center> </marquee></div>

Posted in HTML - XHTML0 Comments

Tiny MCE HTML editor Set Height / Width

Posted on 05 November 2008. Tags: , ,

<script language=”javascript” type=”text/javascript”>
// Notice: The simple theme does not use all options some of them are limited to the advanced theme
tinyMCE.init({
mode : “textareas”,

height : “380″,
width : “380″,

theme : “advanced”,
valid_elements : “a[href|target=_blank],b/strong,div[align],br,ol,li,ul,p,blockquote”,
entity_encoding : “utf-8″

});

</script>

Posted in HTML - XHTML, JavaScript - Ajax0 Comments

Setup TinyMCE

Posted on 05 November 2008. Tags: , 

<script language="javascript" type="text/javascript" src="Scripts/editors/tiny_mce/tiny_mce.js"></script>	

	<script language="javascript" type="text/javascript">
	// Notice: The simple theme does not use all options some of them are limited to the advanced theme
	//tinyMCE.init({
	//	mode : "textareas",
		//theme : "advanced",
		//valid_elements : "a[href|target=_blank],b/strong,div[align],br,ol,li,ul,p,blockquote",
		//entity_encoding : "utf-8"

	//});

	tinyMCE.init({
		mode : "textareas",
		theme : "advanced",
		entity_encoding : "utf-8",
		content_css : "http://www.domain.gr/css/style.css",
			entities : "160,nbsp,38,amp,34,quot,162,cent,8364,euro,163,pound,165,yen,169,copy,174,reg,8482,trade,8240,permil,60,lt,62,gt,8804,le,8805,ge,176,deg,8722,minus",
		plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,paste,directionality,fullscreen,noneditable,contextmenu",
		theme_advanced_buttons1_add_before : "save,newdocument,separator",
		theme_advanced_buttons1_add : "fontselect,fontsizeselect",
		theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor,liststyle",
		theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
		theme_advanced_buttons3_add_before : "tablecontrols,separator",
		theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		plugin_insertdate_dateFormat : "%Y-%m-%d",
		plugin_insertdate_timeFormat : "%H:%M:%S",
		extended_valid_elements : "hr[class|width|size|noshade]",
		file_browser_callback : "fileBrowserCallBack",
		paste_use_dialog : false,
		theme_advanced_resizing : true,
		theme_advanced_resize_horizontal : false,
		theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
		apply_source_formatting : true
	});

	function fileBrowserCallBack(field_name, url, type, win) {
		var connector = "../../filemanager/browser.html?Connector=connectors/php/connector.php";
		var enableAutoTypeSelection = true;

		var cType;
		tinymcpuk_field = field_name;
		tinymcpuk = win;

		switch (type) {
			case "image":
				cType = "Image";
				break;
			case "flash":
				cType = "Flash";
				break;
			case "file":
				cType = "File";
				break;
		}

		if (enableAutoTypeSelection && cType) {
			connector += "&Type=" + cType;
		}

		window.open(connector, "tinymcpuk", "modal,width=600,height=400");
	}
</script>

Posted in HTML - XHTML, JavaScript - Ajax0 Comments

« Newer Entries
Older Entries »

Domain Finder

Domain Finder Tool by Truste.gr

read more for domains

Advertisers

Wedstar all about wedding - gamos - γαμος
Κατασκευή ιστοσελίδων
Domain Names | Hosting

Adds