JavaScript Dom Divの背景に画像の配列をロードしますか? -- javascript フィールド と image フィールド と dom フィールド と html フィールド と tags フィールド 関連 問題

Javascript DOM Loading an array of images into a div background?












0
vote

問題

日本語

基本的に私は image0.png, image1.png, image(index).png という名前のフォルダ内の画像を持っています。これらのイメージをロードしたい(プリロードして、ページロード後に永久にかかりません)DIV内の画像タグに。イメージタグはDOMによって生成されてからデフォルトのパラメータに初期化されます。私が持っている問題は、私がドキュメントモデルを画像でいっぱいにするようにすることができず、それを画像タグにロードするだけで<コード> #import "AppDelegate.h" #import "ViewController.h" #import "GoogleCloudMessaging.h" @implementation AppDelegate @synthesize window = _window; @synthesize viewController = _viewController; @synthesize getton; - (void) dealloc { [_window release]; [_viewController release]; [super dealloc]; } - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]] autorelease]; [[UIApplication sharedApplication] registerUserNotificationSettings:[UIUserNotificationSettings settingsForTypes:(UIUserNotificationTypeSound | UIUserNotificationTypeAlert | UIUserNotificationTypeBadge) categories:nil]]; [[UIApplication sharedApplication] registerForRemoteNotifications]; self.viewController = [[[ViewController alloc] initWithNibName:@"LaunchScreen.storyboard" bundle:nil] autorelease]; self.window.rootViewController = self.viewController; [self.window makeKeyAndVisible]; return YES; } - (void)application:(UIApplication *)app didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken { [self registerDeviceToken: deviceToken]; } - (void) registerDeviceToken:(NSData *)deviceToken { NSLog(@"Device Token: %@", deviceToken); NSMutableString *string=[[NSMutableString alloc] init]; int length=[deviceToken length]; char const *bytes=[deviceToken bytes]; for (int i=0; i<length; i++) { [string appendString:[NSString stringWithFormat:@"%02.2hhx",bytes[i]]]; } NSLog(@"%@",string); [self performSelectorInBackground:@selector(connectionWebRegister:)withObject:string]; [string release]; } -(void) connectionWebRegister:(NSString *) deviceTokenString { NSAutoreleasePool *pool = [NSAutoreleasePool new]; NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://serviceProvider/registerTokenId?tokenId=%@&app=",deviceTokenString]]; NSLog(@"APNS URL : %@",url); NSData * res = [NSData dataWithContentsOfURL:url]; getton=deviceTokenString; if (res!=nil) { NSString *response = [[NSString alloc] initWithBytes: [res bytes] lenght:[res length] encoding: NSUTF8StringEncoding]; NSLog(@"%@", response); [response release]; } [pool drain]; } - (void)application:(UIApplication *)app didReceiveRemoteNotification:(NSDictionary *)userInfo { NSLog(@"test"); NSMutableDictionary * test = [userInfo objectForKey:@"aps"]; UIAlertView * alert = [[UIAlertView alloc] initWithTitle:@"MESSAGE" message:[test objectForKey:@"alert"] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil]; [alert show]; [alert release]; } @end 0 ?

の下のコードをヘルス <事前> <コード> #import "AppDelegate.h" #import "ViewController.h" #import "GoogleCloudMessaging.h" @implementation AppDelegate @synthesize window = _window; @synthesize viewController = _viewController; @synthesize getton; - (void) dealloc { [_window release]; [_viewController release]; [super dealloc]; } - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]] autorelease]; [[UIApplication sharedApplication] registerUserNotificationSettings:[UIUserNotificationSettings settingsForTypes:(UIUserNotificationTypeSound | UIUserNotificationTypeAlert | UIUserNotificationTypeBadge) categories:nil]]; [[UIApplication sharedApplication] registerForRemoteNotifications]; self.viewController = [[[ViewController alloc] initWithNibName:@"LaunchScreen.storyboard" bundle:nil] autorelease]; self.window.rootViewController = self.viewController; [self.window makeKeyAndVisible]; return YES; } - (void)application:(UIApplication *)app didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken { [self registerDeviceToken: deviceToken]; } - (void) registerDeviceToken:(NSData *)deviceToken { NSLog(@"Device Token: %@", deviceToken); NSMutableString *string=[[NSMutableString alloc] init]; int length=[deviceToken length]; char const *bytes=[deviceToken bytes]; for (int i=0; i<length; i++) { [string appendString:[NSString stringWithFormat:@"%02.2hhx",bytes[i]]]; } NSLog(@"%@",string); [self performSelectorInBackground:@selector(connectionWebRegister:)withObject:string]; [string release]; } -(void) connectionWebRegister:(NSString *) deviceTokenString { NSAutoreleasePool *pool = [NSAutoreleasePool new]; NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://serviceProvider/registerTokenId?tokenId=%@&app=",deviceTokenString]]; NSLog(@"APNS URL : %@",url); NSData * res = [NSData dataWithContentsOfURL:url]; getton=deviceTokenString; if (res!=nil) { NSString *response = [[NSString alloc] initWithBytes: [res bytes] lenght:[res length] encoding: NSUTF8StringEncoding]; NSLog(@"%@", response); [response release]; } [pool drain]; } - (void)application:(UIApplication *)app didReceiveRemoteNotification:(NSDictionary *)userInfo { NSLog(@"test"); NSMutableDictionary * test = [userInfo objectForKey:@"aps"]; UIAlertView * alert = [[UIAlertView alloc] initWithTitle:@"MESSAGE" message:[test objectForKey:@"alert"] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil]; [alert show]; [alert release]; } @end 1

編集: これまでの2人の回答者によって以下に説明されているように編集をしましたが、まだ運がなかったのですか? JavaScriptは癖のある言語であることがわかりません。

<事前> <コード> #import "AppDelegate.h" #import "ViewController.h" #import "GoogleCloudMessaging.h" @implementation AppDelegate @synthesize window = _window; @synthesize viewController = _viewController; @synthesize getton; - (void) dealloc { [_window release]; [_viewController release]; [super dealloc]; } - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]] autorelease]; [[UIApplication sharedApplication] registerUserNotificationSettings:[UIUserNotificationSettings settingsForTypes:(UIUserNotificationTypeSound | UIUserNotificationTypeAlert | UIUserNotificationTypeBadge) categories:nil]]; [[UIApplication sharedApplication] registerForRemoteNotifications]; self.viewController = [[[ViewController alloc] initWithNibName:@"LaunchScreen.storyboard" bundle:nil] autorelease]; self.window.rootViewController = self.viewController; [self.window makeKeyAndVisible]; return YES; } - (void)application:(UIApplication *)app didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken { [self registerDeviceToken: deviceToken]; } - (void) registerDeviceToken:(NSData *)deviceToken { NSLog(@"Device Token: %@", deviceToken); NSMutableString *string=[[NSMutableString alloc] init]; int length=[deviceToken length]; char const *bytes=[deviceToken bytes]; for (int i=0; i<length; i++) { [string appendString:[NSString stringWithFormat:@"%02.2hhx",bytes[i]]]; } NSLog(@"%@",string); [self performSelectorInBackground:@selector(connectionWebRegister:)withObject:string]; [string release]; } -(void) connectionWebRegister:(NSString *) deviceTokenString { NSAutoreleasePool *pool = [NSAutoreleasePool new]; NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://serviceProvider/registerTokenId?tokenId=%@&app=",deviceTokenString]]; NSLog(@"APNS URL : %@",url); NSData * res = [NSData dataWithContentsOfURL:url]; getton=deviceTokenString; if (res!=nil) { NSString *response = [[NSString alloc] initWithBytes: [res bytes] lenght:[res length] encoding: NSUTF8StringEncoding]; NSLog(@"%@", response); [response release]; } [pool drain]; } - (void)application:(UIApplication *)app didReceiveRemoteNotification:(NSDictionary *)userInfo { NSLog(@"test"); NSMutableDictionary * test = [userInfo objectForKey:@"aps"]; UIAlertView * alert = [[UIAlertView alloc] initWithTitle:@"MESSAGE" message:[test objectForKey:@"alert"] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil]; [alert show]; [alert release]; } @end 2
英語

Basically I have images in a folder named image0.png, image1.png, image(index).png and I want to load these images (preload so they don't take forever to load after the page loads) into an image tag within a div. The image tag is generated by DOM and then initialized to default parameters. The problem I'm having is that I can't seem to get the Document model to take the array full of images and just load it into the image tag IMGTG.src = IMGS[0];? Heres the code below

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript">  IMGS = new Array();  var IMGTG;  function INIT_IMGTG(id) {            IMGTG = document.createElement("img");           IMGTG.setAttribute("height", "100%");     IMGTG.setAttribute("width", "100%");         IMGTG.setAttribute("border", "0");       }  function LOAD_IMGS()  {         var index = 0;                    for(index = 0; i < 2; i++)      {                        IMGS[i] = "image" + index + ".png"     }             }   function IMG_ARY(id)  {     LOAD_IMGS();         INIT_IMGTG(id);       IMGTG.src = IMGS[0];         } </script> </head> <body onload = "IMG_ARY('IMG_ID')"> <div id="IMG_ID"></div> </body> </html> 

EDIT: I made the edits as described below by the two answerers so far but still no luck? I'm not sure what gives, Javascript is a quirky language.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript">  IMGS = new Array();  var IMGTG;  function INIT_IMGTG(id) {            IMGTG = document.createElement("img");           IMGTG.setAttribute("height", "100%");     IMGTG.setAttribute("width", "100%");         IMGTG.setAttribute("border", "0");       id.appendChild(IMGTG); }  function LOAD_IMGS()  {         for(var i = 0; i < 2; i++)     {                        IMGS[i] = "image" + i + ".png";     }         }   function IMG_ARY(id)  {     LOAD_IMGS();         INIT_IMGTG(id);       IMGTG.src = IMGS[0];         } </script> </head> <body onload = "IMG_ARY('IMG_ID')"> <div id="IMG_ID"></div> </body> </html> 
</div
              

回答リスト

2
 
vote
vote
ベストアンサー
 

画像の src を正しく正しく設定しているように見えますが、それ以外のプロパティも実際に挿入されていません。 DOM。

これを IMG_ARY

の下部に追加してみてください。 <事前> <コード> id.appendChild(IMGTG);
 

It looks like you've set the src of the image (IMGTG) correctly, as well as it's other properties, but you haven't actually inserted it into the DOM.

Try adding this to the bottom of IMG_ARY:

id.appendChild(IMGTG); 
</div
 
 
     
     
1
 
vote

for ループおよび index for6 ループを持つように見えますが、 index だけが宣言されています

変更

<事前> <コード> <input data-enhanced="true" ... /> 0

<事前> <コード> <input data-enhanced="true" ... /> 1
 

appears to be with the for loop where i and index are interchanged but only index has been declared

change

var index = 0;                for(index = 0; i < 2; i++)  {                    IMGS[i] = "image" + index + ".png" }     

to

for(var i = 0; i < 2; i++) {                    IMGS[i] = "image" + i + ".png"; }     
</div
 
 
 
 

関連する質問

17  SQL Serverテーブルにタグを保存する最善の方法は?  ( Best way to store tags in a sql server table ) 
レコードのタグを保存する最善の方法は何ですか? varcharフィールドを使用するだけですか?タグXを含む行を選択するときはどうですか?同様のオペレータ?を使用してください ありがとう! ...

1  Windows検索やCopernic Desktop Searchのようなデスクトップ検索エンジンによって生成されたファイルのキーワードにアクセスする方法  ( How to access keywords for files generated by desktop search engines like window ) 
私は私の部署の共通のファイルシェアのファイルを順番に並べて、さまざまなファイルタイプの何千もの文書を含みます。私のアイデアは、コンテンツ関連のキーワードでそれらを並べ替えることでした。 Windowsによって提供されるキーワードファイル属性に有効な情報が含まれ...

5  Hudson:SVNチェックアウトとsvnタグを実行するためにパラメータ化されたビルドを使用するにはどうすればよいですか。  ( Hudson how do i use a parameterized build to do svn checkout and svn tag ) 
Hudson v1.362にパラメータ化されたビルドを設定しています。私がクリエートしているパラメータを使用して、Subversionでチェックアウトするブランチを決定します。 私はこのように私のSVNリポジトリのURLを設定することができます。 http...

2  バージョン管理されたクラウドベースのソーシャルコードスニペット管理  ( Versioned cloud based social code snippet management ) 
尋ねることはたくさんあるようですが、私はコードスニペットを管理するためのクラウドベースの解決策を探しています。私は探しています: タグ ユーザーアカウント(私は単一のページに私のすべてのスニペットを見ることができるようにしたい) 構文強調表示 バージョナー ...

7  [x] HTMLカスタムタグ:Pros&Sond  ( Xhtml custom tags pros cons ) 
<div> s:<コード> 99887665 、<コード>、<コード>、<コード>、<コード>、<コード> など、今後のHTML5にすでに表示されていますが、完全にはサポートされていません。 レンダリング時に直面する可能性がある可能性がありますか? CS...

0  J2ME:テキストファイルでタグを解析する方法  ( J2me how to parse tags in a text file ) 
私は以下のものを含む.txtファイルを持っています: = txt&gt;こんにちは、私の名前はDanaです!&lt; = txt =&gt。 &lt; = txt&gt;あなたの名前は何ですか?&lt; = txt =&gt; <= txt&gt = t...

6  jQueryを使用したTextAreaのカラーコード  ( Color codes in textarea using jquery ) 
jQueryを使用して(TextAreaの内部)コード入力(TextAreaの内側)を着色することは可能です。 <コード> 99887665 、<コード> 99887666 などの特定のテキストは、着色または強調表示されている必要があります。 これは開閉...

29  jQuery HTML()スクリプトタグを取り除きます  ( Jquery html strips out script tags ) 
私のページのDIVの内容をAjax呼び出しからhtmlに置き換える必要があります。 問題は、HTMLに必要なスクリプトがいくつかのスクリプトを持ち、jQuery HTML()関数がそれらを切り替えるようです。 応答を絞り込み、特定のDIVだけを取得する必要があ...

0  タグの編集に関して見た孤立した一番の方法は何ですか  ( What is the slickest way you have seen with respect to tag editing ) 
各リンクの横にあるウェブサイト上のタグのリストがあり、ユーザーがこのリストを編集できるようにしたい(追加、削除、変更) 私は滑らかな方法を思い出したいので、オートコンプリートのようなものなので、サーバーに行かずにAjaxなどを感じさせることができます。 これを...

1  誰もがDOMをナビゲートするためのLI UL TDのようなHTMLタグを使用してWatirの使用をカバーする詳細なドキュメンテーションの場所を知っていますか?  ( Does anyone know the location of detailed documentation covering the use of wati ) 
次のコードから予期しない結果が発生しました。 私は-list-値を取得しています - 1つのiターゲットの後に位置しています。 "employee_error_list"を使って その応答がコンテンツに限定されないのはなぜですか -unordered-lis...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有