phpBB.com

Home of phpBB
https://www.phpbb.com/community/

[ABD] jQ Preview v.0.0.1

https://www.phpbb.com/community/viewtopic.php?t=2138567

Page 4 of 5

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat Feb 04, 2012 6:25 pm
by 4_seven
NintendoMii wrote:I don't know if this is reported yet, but the [ c ] tag doesn't do what I think it is supposed to do anymore.
the [ c ] tag is no [ code ] tag.

[color=#FF0000][b]bold with color[/b][/color] [img]http://www.phpbb.com/community/images/smilies/icon_e_wink.gif[/img]

Code: Select all

[c][color=#FF0000][b]bold with color[/b][/color] [img]http://www.phpbb.com/community/images/smilies/icon_e_wink.gif[/img][/c]
NintendoMii wrote:Also, is a life update possible?
another mod
http://www.phpbb.com/customise/db/mod/live_preview/

i build jq preview without auto-load as an alternative to live preview

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat Feb 04, 2012 9:34 pm
by puabase-2
g8

Re: [DEV] jQ Preview v.0.0.1

Posted: Tue Feb 07, 2012 6:46 pm
by NintendoMii
4_seven wrote:
NintendoMii wrote:I don't know if this is reported yet, but the [ c ] tag doesn't do what I think it is supposed to do anymore.
the [ c ] tag is no [ code ] tag.

[color=#FF0000][b]bold with color[/b][/color] [img]http://www.phpbb.com/community/images/smilies/icon_e_wink.gif[/img]

Code: Select all

[c][color=#FF0000][b]bold with color[/b][/color] [img]http://www.phpbb.com/community/images/smilies/icon_e_wink.gif[/img][/c]
NintendoMii wrote:Also, is a life update possible?
another mod
http://www.phpbb.com/customise/db/mod/live_preview/

i build jq preview without auto-load as an alternative to live preview
k, thanks! :D

Re: [DEV] jQuery Preview v.0.0.1

Posted: Fri Feb 10, 2012 11:07 pm
by 4_seven
4_seven wrote:jQ Preview now supports Auto Video Embed. Addition follows.
screen: http://www.4seven.de/w_i_w/jqpreview_autovideo.png
demo: http://www.4seven.de/forum/media/postin ... =post&f=11
Auto Video Embed Addition released
http://www.4seven.de/forum/6test/viewto ... p=273#p273

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat Feb 11, 2012 9:52 am
by Frode789
The preview works perfectly in topic when I preview, but it isn't working in PM! I've went over the edits several times. Here is the board:
http://www.wrath-legion.com/forum/
Help :oops:

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat Feb 11, 2012 1:55 pm
by Leinad4Mind
The solution is in the last page: http://www.phpbb.com/community/viewtopi ... #p13087416

Cheers!

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat Feb 11, 2012 11:16 pm
by Frode789
Thanks, working :)

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat Feb 11, 2012 11:57 pm
by 4_seven
fix#1 for Auto Video Embed Addition
  • add new clipfish.de code (provider syntax changed + xhtml 1.0 strict)
package is updated.

----------------------

to update download current package, config* and upload
  • includes/auto_video_embed_post_jq.php
again

*dont forget to set all provider to false, which are not needed

Re: [DEV] jQ Preview v.0.0.1

Posted: Sun Apr 29, 2012 2:57 pm
by wwwreichwerdenme
it is impossible to login into your forum.

i tried it 30 minutes

Re: [DEV] jQ Preview v.0.0.1

Posted: Sun Apr 29, 2012 3:02 pm
by 4_seven
you mean to login or register?
demo or area51?

Re: [DEV] jQ Preview v.0.0.1

Posted: Fri May 25, 2012 11:22 pm
by ordhor
About http://www.phpbb.com/customise/db/mod/l ... ew-t_99392 continuing in here:

This was just what I was looking for! And since I couldn't find it I even took a couple javascript lessons, so at least that :)

Incorporated this into my tab idea. I leave it here the changes I did (not using changes asked by the mod):

Open: styles/prosilver/template/posting_editor.html

Find:

Code: Select all

<script type="text/javascript">
// <![CDATA[
	onload_functions.push('apply_onkeypress_event()');
// ]]>
</script>
Replace with:

Code: Select all

<script type="text/javascript">
// <![CDATA[
	onload_functions.push('apply_onkeypress_event()');
function subabas(p){
	var i, e, t;
	if (typeof(p) == 'string')	{show_panel = p;}
	for (i = 0; i < abas.length; i++){
		e = document.getElementById(abas[i]);
		t = document.getElementById(abas[i] + '-aba');
		if (e)	{if (abas[i] == show_panel)
			{e.style.display = 'block';
		if (t){
		t.className = 'activetab';
		}}else{
		e.style.display = 'none';
		if (t){
		t.className = '';
		}}}}}	
var abas = new Array('mensagem', 'prever');

$(document).ready(function(){
	$('.jq_preview').click(function(){
	$('.jq_content').load('jq_preview.php?sid={SESSION_ID}', {text : document.getElementById('message').value});
	});
});
// ]]>
</script>
Find:

Code: Select all

	<!-- INCLUDE posting_buttons.html -->
Add Before:

Code: Select all

		<div id="tabs">
			<ul>
				<li id="mensagem-aba" class="activetab"><a name="mensagem" href="#aba" onclick="subabas('mensagem'); return false;"><span>{L_MESSAGE}</span></a>
				<li id="prever-aba" class="jq_preview" ><a name="prever" href="#aba" onclick="subabas('prever'); return false;"><span>{L_PREVIEW}</span></a></li>
			</ul>
		</div>

<div id="panel-aba" class="panel bg3">
	<div class="inner"><span class="corners-top"><span></span></span>

	<div id="mensagem">
Find:

Code: Select all

	<div id="message-box">
		<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" style="height: 9em;"<!-- ELSE -->name="message" id="message"<!-- ENDIF --> rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
	</div>
Add After:

Code: Select all

	</div>
	<div id="prever" class="postbody" style="display: none;"><p class="content jq_content"></p></div>
	<span class="corners-bottom"><span></span></span>
	</div>
</div>
Find:

Code: Select all

		{S_HIDDEN_ADDRESS_FIELD}
			{S_HIDDEN_FIELDS}
			<!-- IF S_HAS_DRAFTS --><input type="submit" accesskey="d" tabindex="8" name="load" value="{L_LOAD_DRAFT}" class="button2" onclick="load_draft = true;" />&nbsp; <!-- ENDIF -->
			<!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="7" name="save" value="{L_SAVE_DRAFT}" class="button2" />&nbsp; <!-- ENDIF -->
			<input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;
			<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1 default-submit-action" />&nbsp;
Remove this part:

Code: Select all

<input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;
And the result is:

While creating/editing message
Image

While previewing message
Image

Known Issue: BBCode [code] gets abit messed up, showing the select all part on the left side instead :?

Re: [DEV] jQ Preview v.0.0.1

Posted: Fri May 25, 2012 11:24 pm
by Jessica
^
this is actually really cool. I'm going to try it out

Re: [DEV] jQ Preview v.0.0.1

Posted: Fri May 25, 2012 11:49 pm
by ordhor
Jessica wrote:^
this is actually really cool. I'm going to try it out
:)

You might want to add also the lines

Code: Select all

<script type="text/javascript">
// <![CDATA[ 
!window.jQuery && document.write('<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery.min.js"><\/script>');
// ]]> 
</script>
If you don't have already something similar to get jquery

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat May 26, 2012 8:52 am
by 4_seven
Thanks for that nice addition. When i have time for this one (i work on my mods 'rolling'), i recheck it and may integrate it in v.0.0.2.

Re: [DEV] jQ Preview v.0.0.1

Posted: Sat May 26, 2012 5:08 pm
by Leinad4Mind
It seems very nice. I will try out :) Many thks!
All times are UTC
Page 4 of 5

Powered by phpBB® Forum Software © phpBB Limited